@charset "UTF-8";

/* 共通のcss */
body {
    background-color: #f0e8de;
}

h1,
h2,
h3,
h4,
h5 {
    color: #573d30;
}

[class*="up-z"] {
    position: relative;
}

#wrapper {
    position: relative;
    z-index: 0;
}

.color-brown {
    color: #573d30;
}

.btn-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-box .btn-box-item {
    width: calc((100% - 60px) / 3);
    margin: 10px;
}

.btn-box .btn-box-item a {
    width: 100%;
    height: 100%;
    padding: 15px 40px 15px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.certificate-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.certificate-item {
    width: calc(94% / 3);
    display: block;
    margin: 1%;
    position: relative;
}

.certificate-item::after {
    content: "";
    display: block;
    padding-top: 100%;
}

.certificate-item img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    left: 0;
}

.loan-box {
    padding: 50px 30px;
    border: 2px solid #b0aca8;
    border-radius: 15px;
    background-color: white;
}

.loan-title {
    margin-bottom: 20px;
    padding: 0.5em;
    font-weight: bold;
    font-size: 18px;
    background-color: #f0e8de;
}

.list-credit li .img {
    width: 100%;
}

.loan-kind {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.loan-kind .item {
    width: 48%;
    margin: 1%;
}

.loan-banner a {
    width: 100%;
    max-width: 275px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.loan-banner a .text {
    padding: 0.2em;
    font-weight: bold;
    font-size: 14px;
    color: white;
    text-align: center;
    background-color: #bb8e73;
}

@media (max-width: 1024px) {
    .btn-box .btn-box-item {
        width: calc((100% - 40px) / 2);
    }

    .loan-kind {
        margin-top: 30px;
    }

    .loan-box {
        padding: 30px 20px;
    }

    .loan-title {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .loan-kind .item {
        width: 98%;
    }

    .loan-kind .item+.item {
        margin-top: 20px;
    }
}

@media (max-width: 599px) {
    .btn-box .btn-box-item {
        width: calc(100% - 20px);
    }

    .loan-box {
        padding: 30px 15px;
    }

    .loan-title {
        font-size: 14px;
    }
}

/* 上書き用css */
.txt-shadow {
    text-shadow: 2px 3px 30px #fff, 2px 3px 5px #fff, 2px 3px 30px #fff;
}

.fw-bold\@pc {
    font-weight: 600;
}

@media (max-width: 1024px) {
    .fz-28\@tb {
        font-size: 28px !important;
    }
}

@media (max-width: 599px) {
    .fw-bold\@pc {
        font-weight: normal;
    }

    .fz-24\@sp {
        font-size: 24px !important;
    }

    .tb-br.up-d-none\@sp {
        display: none !important;
    }
}

.res-layout-title-pc-only {
    display: block;
}

.res-layout-title-mobile-only {
    display: none;
}

.image img {
    width: 100%;
}

.rpic {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.uk-lb img {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.uk-lb img:hover {
    opacity: 0.6;
    cursor: pointer;
}

.img-of66 {
    width: 90%;
    display: block;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
}

.img-of66::after {
    content: "";
    display: block;
    padding-top: 66.431%;
}

.img-of66 img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    left: 0;
}

.img div {
    position: relative;
}

img.imgo {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

img.imga {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.contwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 2px solid #a89675;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
}

.contwrap li {
    width: calc(100% / 2);
    text-align: center;
    background: #a89675;
}

.contwrap li.tel {
    display: none;
}

.contwrap li:last-of-type {
    background: #f0e8de;
}

.contwrap li a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 1.2;
}

.contwrap li a .s {
    margin-top: 0.5em;
    font-size: 14px;
}

.contwrap li.ytu a:hover {
    opacity: 1;
}

.contwrap li.ytu .i {
    width: 40px;
    height: 28px;
    display: inline-block;
}

.tab li.ytu a:hover {
    opacity: 1;
}

.youtube {
    width: 100%;
    padding-bottom: 0 !important;
    position: relative;
}

.youtube-wrap {
    width: 40%;
}

.youtube::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.youtube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ytu .mordal {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
}

.ytu .mordal.active {
    visibility: visible;
    opacity: 1;
}

.ytu .mordal.overlay::after {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 150;
}

.ytu .mordal-inner {
    width: 90%;
    max-width: 1000px;
    position: relative;
    z-index: 210;
}

.ytu .mordal-inner iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ytu .mordal-inner::before {
    content: "";
    display: block;
    padding-top: 56%;
}

.mordal-close-btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    position: absolute;
    top: 0;
    right: 0;
}

.mordal-close-btn:hover {
    opacity: 0.5;
    cursor: pointer;
}

.mordal-close-btn::before {
    content: "\f057";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 30px;
    color: #000;
}

.underline-link a {
    text-decoration: underline;
}

.br-pc-none br {
    display: none;
}

.br-sp-only br {
    display: none;
}

.up-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.up-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.up-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.up-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.up-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.up-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.up-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.up-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.up-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.up-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.bg-cont {
    position: relative;
    z-index: 2;
}

.bg-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.bg-img.-obp-top img {
    -o-object-position: top center;
    object-position: top center;
}

.bg-img .filter {
    width: 100%;
    height: 100%;
}

.bg-img img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center;";
}

.bg-parent {
    position: relative;
}

.item01 {
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
}

.item01 .bg-img {
    opacity: 0.25;
}

.text-link a {
    padding-right: 1.2em;
    text-decoration: underline;
    position: relative;
}

.text-link a::after {
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    background-image: url(/upload/tenant_4/a6193be8945eea530baa5e379451cc58.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 1024px) {
    .flex {
        max-width: none;
        margin: 0;
    }

    .flexc,
    .flexs,
    .flexb,
    .inner {
        max-width: none;
    }

    .contwrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .br-pc-none br {
        display: block;
    }

    .br-pc-only br {
        display: none;
    }

    .up-order-1\@tb {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .up-order-2\@tb {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .up-order-3\@tb {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .up-order-4\@tb {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .up-order-5\@tb {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .up-order-6\@tb {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .up-order-7\@tb {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .up-order-8\@tb {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .up-order-9\@tb {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .up-order-10\@tb {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
}

@media (max-width: 599px) {
    .res-layout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .res-layout-od-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .res-layout-od-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .res-layout-od-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .res-layout-title-pc-only {
        display: none;
    }

    .res-layout-title-mobile-only {
        width: 100%;
        display: block;
    }

    .up-fxd-col\@sp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .youtube-wrap {
        width: 100%;
    }

    .contwrap li {
        width: calc(100% / 3);
    }

    .contwrap li:last-of-type {
        background: #a89675;
    }

    .contwrap li a {
        font-size: 14px;
        color: #573d30;
    }

    .contwrap li a .s {
        font-size: 12px;
    }

    .contwrap li.tel {
        display: block;
        padding: 5px 0;
        background: #f0e8de;
    }

    .contwrap li.tel a {
        font-size: 16px;
    }

    .contwrap li.tel img {
        margin-right: 5px;
    }

    .br-sp-none br {
        display: none;
    }

    .br-sp-only br {
        display: block;
    }

    .up-order-1\@sp {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .up-order-2\@sp {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .up-order-3\@sp {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .up-order-4\@sp {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .up-order-5\@sp {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .up-order-6\@sp {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .up-order-7\@sp {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .up-order-8\@sp {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .up-order-9\@sp {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .up-order-10\@sp {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
}

/* 改行 */
.pc-br {
    display: block;
}

@media (max-width: 1024px) {
    .pc-br {
        display: none;
    }

    .tb-br {
        display: block;
    }
}

@media (max-width: 599px) {
    .sp-br {
        display: block;
    }
}

/* header */
#header .inner {
    width: 96%;
    padding: 8px 0;
}

#header .h1 {
    padding: 0 0 5px 0;
    font-size: 14px;
}

#header .h1+p a {
    display: block;
}

#header .left {
    width: 32%;
    padding: 0 0 5px 0;
}

#header .right {
    width: 66%;
    max-width: 628px;
}

#header .right .tk {
    width: 330px;
}

#header .right .tk .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    color: #573d30;
}

#header .right .tk .tit::after {
    content: "";
    width: 10%;
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 0.2em;
    background: #573d30;
}

#header .right .tk .tit .w {
    padding-right: 5px;
    position: relative;
    z-index: 1;
}

#header .right .tk dl dt {
    float: left;
    font-size: 14px;
    color: #573d30;
    line-height: 110%;
}

#header .right .tk dl dd {
    padding: 0 0 0 4em;
    font-size: 14px;
    color: #573d30;
    line-height: 120%;
}

#header .right .tk ul li {
    font-size: 14px;
    color: #573d30;
    line-height: 120%;
    line-height: 120%;
}

#header .right .at {
    padding-bottom: 5px;
}

#header .right .at .add {
    padding: 5px 0 8px 0;
}

#header .right .at .add li {
    font-size: 14px;
    color: #573d30;
    line-height: 140%;
}

#header .right div {
    min-width: 130px;
}

#header .tel a {
    display: inline-block;
    font-weight: bold;
    color: #573d30;
}

#header .tel a span {
    display: inline-block;
    padding-left: 8px;
}

@media (max-width: 1024px) {
    #header .inner {
        display: none;
    }

    #header .left {
        width: 100%;
        padding: 0 0 10px 0;
    }

    #header .left .h1 {
        text-align: center;
    }

    #header .right {
        width: 100%;
    }

    #header .right .tk {
        width: 53%;
        max-width: 330px;
    }

    #header .right .at {
        width: 46%;
    }

    #header .right div {
        max-width: 49%;
    }
}

@media (max-width: 599px) {
    #header .right .tk {
        width: 100%;
    }

    #header .right .at {
        width: auto;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }

    #header .right .tel {
        display: none;
    }
}

/* gnav */
#gnav {
    background: #fff;
    position: relative;
    z-index: 80;
}

#gnav #header_item {
    display: none;
}

#gnav .gnav-list {
    padding: 5px 0;
}

#gnav .gnav-list li {
    padding: 10px 35px;
    position: relative;
}

#gnav .gnav-list li::before {
    content: "";
    width: 1px;
    height: 15px;
    background: #666;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

#gnav .gnav-list li.offset {
    padding: 10px 15px;
}

#gnav .gnav-list li:nth-child(2) ul {
    width: 30em;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    left: -50%;
}

#gnav .gnav-list li:nth-child(2) ul li {
    width: 105%;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

#gnav .gnav-list li:nth-child(3) ul {
    width: 400px;
}

#gnav .gnav-list li:nth-child(6) ul {
    width: 9em;
}

#gnav .gnav-list li:nth-child(7) ul {
    width: 18em;
    left: 0;
}

#gnav .gnav-list li:hover ul {
    display: block;
}

#gnav .gnav-list li.co {
    display: none;
}

#gnav .gnav-list li li::before,
#gnav .gnav-list li li::after {
    display: none !important;
}

#gnav .gnav-dropdown-list {
    display: none;
    padding: 15px 0 0 0;
    position: absolute;
    z-index: 2;
}

#gnav .gnav-dropdown-list li {
    margin-bottom: 2px;
    padding: 5px 12px;
    background: #fff;
}

#gnav .gnav-dropdown-list li::before {
    display: none;
}

#gnav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

#gnav .hamburger {
    display: none;
}

@media (max-width: 1024px) {
    #gnav {
        width: 65%;
        height: 100%;
        background: #fff;
        -webkit-transition: ease 0.5s;
        transition: ease 0.5s;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000;
    }

    #gnav .hamburger {
        width: 38px;
        height: 38px;
        display: block;
        margin: 2px;
        border: 1px solid #fff;
        background: #88585b;
        -webkit-box-shadow: 0px 0px 0px 2px #88585b;
        box-shadow: 0px 0px 0px 2px #88585b;
        opacity: 0.8;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: -44px;
    }

    #gnav .hamburger .n {
        width: 26px;
        height: 2px;
        display: block;
        margin-top: -1px;
        padding: 0;
        text-indent: -9999px;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 6px;
    }

    #gnav .hamburger .n::before {
        content: "";
        width: 26px;
        height: 2px;
        display: block;
        background: #fff;
        position: absolute;
        top: -8px;
        left: 0;
    }

    #gnav .hamburger .n::after {
        content: "";
        width: 26px;
        height: 2px;
        display: block;
        background: #fff;
        position: absolute;
        top: 8px;
        left: 0;
    }

    #gnav .inner {
        width: auto;
        max-width: none;
        height: 100%;
        display: block;
        overflow-y: scroll;
        padding-bottom: 90px;
    }

    #gnav #header_item {
        height: auto;
        display: block;
        padding: 10px;
    }

    #gnav #header_item .h1+p a {
        text-align: center;
    }

    #gnav #header_item .right .tit {
        font-size: 12px;
    }

    #gnav #header_item .right .tit .w {
        margin-bottom: 0.3em;
        font-size: 16px;
    }

    #gnav #header_item .right .tk {
        width: 98%;
        max-width: 100%;
        margin: 1%;
    }

    #gnav #header_item .right .tk .t {
        width: 48%;
        max-width: 100%;
        margin: 1%;
    }

    #gnav #header_item .right .tk .k {
        width: 48%;
        max-width: 100%;
        margin: 1%;
    }

    #gnav #header_item .right .tk .k ul li {
        font-size: 12px;
        border-bottom: none;
    }

    #gnav #header_item .right .at {
        width: 98%;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        margin: 1%;
    }

    #gnav #header_item .right .at .add {
        width: 48%;
        margin: 1%;
    }

    #gnav #header_item .right .at .add li {
        font-size: 12px;
        border-bottom: none;
    }

    #gnav #header_item .right .at .tel {
        width: 48%;
        margin: 1%;
    }

    #gnav .gnav-list {
        height: 100%;
        display: block;
        overflow-y: auto;
    }

    #gnav .gnav-list li {
        padding: 0;
    }

    #gnav .gnav-list li::before {
        display: none;
    }

    #gnav .gnav-list li:nth-child(2) ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        left: 0;
    }

    #gnav .gnav-list li:nth-child(2) ul li {
        width: 100%;
    }

    #gnav .gnav-list.co {
        display: block;
    }

    #gnav .gnav-dropdown-list {
        width: 100% !important;
        display: block;
        padding: 0;
        border-top: 1px solid #ddd;
        position: relative;
    }

    #gnav .gnav-dropdown-list li {
        margin: 0;
        padding: 0;
        font-size: 14px;
        background: #eee;
    }

    #gnav .gnav-dropdown-list li:last-child {
        border: none;
    }

    #gnav .acc-btn_mobile {
        padding-right: 3em;
        position: relative;
    }

    #gnav .acc-btn_mobile::before {
        content: "";
        width: 20px;
        height: 2px;
        display: block;
        background-color: #573d30;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        right: 0;
    }

    #gnav .acc-btn_mobile::after {
        content: "";
        width: 20px;
        height: 2px;
        display: block;
        background-color: #573d30;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
        position: absolute;
        top: 50%;
        right: 0;
    }

    #gnav .acc-parent_mobile.action>.acc-btn_mobile::after {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    #gnav.action {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        z-index: 999;
    }

    #gnav.action .hamburger .n {
        -webkit-transition: ease 0.10s;
        transition: ease 0.10s;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #gnav.action .hamburger .n::before,
    #gnav.action .hamburger .n::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }
}

@media (max-width: 599px) {
    #gnav {
        width: calc(100% - 50px);
    }

    #gnav #header_item .right .tk dl dt,
    #gnav #header_item .right .tk dl dd {
        font-size: 12px;
    }

    #gnav #header_item .right .at {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #gnav #header_item .right .at .add {
        width: 98%;
    }

    #gnav #header_item .right .at .add li {
        text-align: center;
    }

    #gnav #header_item .right .at .tel {
        width: 98%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

/* footer */
#footer .inner {
    padding-bottom: 10px;
}

#footer .h3 {
    margin-bottom: 0;
    padding: 20px 3%;
    text-align: center;
    background: #fff;
}

#footer .left {
    width: 33%;
}

#footer .left .tel {
    padding-bottom: 5px;
}

#footer .left .tel a {
    font-weight: bold;
    color: #573d30;
}

#footer .left .tel span {
    display: inline-block;
    padding-left: 8px;
}

#footer .left .add {
    padding: 0 0 5px 0;
}

#footer .left .add li {
    font-size: 14px;
    color: #573d30;
    line-height: 150%;
}

#footer .left .maps {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 65%;
    position: relative;
}

#footer .left .maps iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#footer .right {
    width: 65.45%;
    max-width: 625px;
}

#footer .footer-link li {
    width: 33%;
    padding: 0 0 14px 1em;
    font-size: 14px;
}

#footer .footer-link li a {
    color: #573d30;
}

#footer .fnav {
    padding: 20px 0 0 0;
}

#footer .fnav li {
    padding: 0 10px 20px 10px;
    font-size: 12px;
}

#footer .fnav li a {
    display: inline-block;
    padding: 5px 18px;
    border-radius: 15px / 50%;
}

#footer .fnav li:first-child a {
    color: #fff;
    background: #6ac3d6;
}

#footer .fnav li:nth-child(2) a {
    color: #fff;
    background: #4d4d4d;
}

#footer .fnav li:nth-child(3) a {
    color: #fff;
    background: #e68069;
}

#footer .fnav li:nth-child(4) a {
    color: #fff;
    background: #b7a692;
}

#footer .fnav li:nth-child(5) a {
    color: #000;
    border: 1px solid #666;
    background: #fff;
}

#footer .copy {
    padding: 8px 23%;
    color: #fff;
    text-align: center;
    background: #b27f61;
}

@media (max-width: 1024px) {
    #footer .left {
        width: 100%;
    }

    #footer .right {
        width: 100%;
        max-width: none;
    }

    #footer .copy {
        padding-bottom: 95px;
    }
}

@media (max-width: 599px) {
    #footer .footer-link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    #footer .footer-link li {
        width: 50%;
    }

    #footer .copy {
        padding-bottom: 80px;
        font-size: 15px;
    }
}

/* 下層共通 */
.sub_tit {
    padding-bottom: 255px;
    position: relative;
}

.sub_tit .imgbk {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.sub_tit .imgbk img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.sub_tit .inner {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

.sub_tit .h2 {
    font-weight: normal;
    text-align: center;
}

.sub_tit .h2 .e {
    display: block;
    margin-bottom: 20px;
    font-family: "Playfair Display", serif;
    font-size: 36px;
    line-height: 110%;
}

.fead-mv {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.fead-mv.t-mv {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}

.fead-mv.r-mv {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

.fead-mv.l-mv {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
}

.fead-mv.t-mv.mv,
.fead-mv.r-mv.mv,
.fead-mv.l-mv.mv {
    -webkit-transform: translate(0);
    transform: translate(0);
}

/* TOP MV */
.home_main {
    overflow: hidden;
}

.home_main .img_bk {
    height: 100%;
}

.home_main .img_bk.-mainimg-mobile-only {
    display: none;
}

.home_main .img_bk.fead-mv img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.home_main .img_bk.fead-mv.mv img {
    -o-object-position: center right;
    object-position: center right;
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.home_main .txt {
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

.home_main .txt.fead-right {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}

.home_main .txt.fead-right.mv {
    opacity: 1;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.home_main .h2.fead-mv span {
    min-width: 30px;
    display: inline-block;
    text-align: center;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}


.home_main .h2.fead-mv.mv span {
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-animation: color-fv 4s both;
    animation: color-fv 4s both;
}

.home_main .h2.fead-mv.mv span:nth-of-type(1) {
    -webkit-animation-delay: 0.0s;
    animation-delay: 0.0s;
}

.home_main .h2.fead-mv.mv span:nth-of-type(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.home_main .h2.fead-mv.mv span:nth-of-type(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.home_main .h2.fead-mv.mv span:nth-of-type(4) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.home_main .h2.fead-mv.mv span:nth-of-type(5) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.home_main .h2.fead-mv.mv span:nth-of-type(6) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.home_main .h2.fead-mv.mv span:nth-of-type(7) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.home_main .h2.fead-mv.mv span:nth-of-type(8) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.home_main .h2.fead-mv.mv span:nth-of-type(9) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.home_main .h2.fead-mv.mv span:nth-of-type(10) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes color-fv {
    0% {
        color: #a89675;
    }

    42% {
        color: #a89675;
    }

    100% {
        color: #000;
    }
}

@keyframes color-fv {
    0% {
        color: #a89675;
    }

    42% {
        color: #a89675;
    }

    100% {
        color: #000;
    }
}

.h3s {
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
}

.h3s::after {
    content: "";
    width: 56px;
    height: 1px;
    display: block;
    margin: 10px auto 0 auto;
    background: #573d30;
}

.subcont {
    position: relative;
}

.subcont::before {
    content: "";
    width: 100%;
    height: 340px;
    background: #e6d9ca;
    position: absolute;
    top: 0;
    left: 0;
}

.subcont.cerec::before {
    display: none;
}

.subcont.nosubcont::before {
    display: none;
}

.nopseudo::before {
    display: none;
}

.blowcolor {
    color: #573d30;
}

.bgbrwn {
    background-color: #e6d9ca;
}

.center {
    text-align: center;
}

.h4c {
    margin-bottom: 20px;
    line-height: 140%;
    text-align: left;
}

.h4c::after {
    content: "";
    width: 56px;
    height: 1px;
    display: block;
    margin: 15px 0 0 0;
    background: #573d30;
}

@media (max-width: 1024px) {
    .home_main .img_bk.-mainimg-pc-only {
        display: none;
    }

    .home_main .img_bk.-mainimg-mobile-only {
        display: block;
    }
}

@media (max-width: 599px) {
    .sub_tit {
        padding-bottom: 200px;
    }

    .sub_tit .h2 .e {
        margin-bottom: 10px;
        font-size: 26px;
    }

    .subcont::before {
        height: 390px;
    }
    
    .home_main .h2.fead-mv span.notext {
    min-width: 10px;
　　}
}

/* 予防歯科 */
.work1 {
    padding: 40px 0 40px 0;
    position: relative;
}

.work1 .inner {
    max-width: 1000px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.work1 .tit {
    padding: 0 0 10px 0;
}

.work1 .tit p {
    width: 94%;
    max-width: 630px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    text-align: center;
}

.work1 .img.c1 {
    width: 94%;
    max-width: 473px;
    margin: 0 auto 30px auto;
}

.work1 .img.c1 div {
    padding-bottom: 66%;
    position: relative;
}

.work1 .img.c1 div img {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.work1 .img.wide-text {
    max-width: 100%;
}

.work1 .img.wide-text .pic {
    padding-bottom: 0;
}

.work1 .img.wide-text .pic img {
    height: auto !important;
    position: static;
}

.work1 h4 {
    margin: 0 2.5% 40px 2.5%;
    text-align: center;
}

.work1 .wrap {
    width: 76%;
    max-width: 880px;
    margin: 0 auto;
}

.work1 .flexb .tbox {
    width: 54%;
}

.work1 .flexb .img {
    width: 41%;
    padding: 0 0 20px 0;
}

.work1 .flexb .img div {
    padding-bottom: 66%;
    position: relative;
}

.work1 .flexb .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.work1 .nayami {
    width: 94%;
}

@media (max-width: 599px) {
    .work1 h4 {
        font-size: 4.5vw;
    }
}

.nayami {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 3% 25px 3%;
    border: #c29a81 2px solid;
    background: #e6d9ca;
}

.nayami ul {
    max-width: 790px;
    margin: 0 auto;
}

.nayami ul.flexb li {
    width: 48%;
}

.nayami ul li {
    padding: 0 0 20px 38px;
    font-size: 18px;
    color: #573d30;
    position: relative;
}

.nayami ul li::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(/import/tenant_4/153.126.203.189/html/images/check.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3em;
    left: -0.1em;
}

.nayami .h4 {
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}

.nayami.c1 ul {
    max-width: 650px;
    margin: 0 auto;
}

.nayami-number ul li {
    padding: 35px 0 20px 60px;
    font-size: 16px;
    background: none;
    position: relative;
    z-index: 0;
}

.nayami.c1 ul li::before {
    display: none;
}

.nayami-number ul li::before {
    display: none;
}

.nayami-number ul li .head {
    margin-bottom: 30px;
    padding-bottom: 5px;
    font-size: 18px;
    border-bottom: 2px solid #a89675;
}

.nayami-number ul li .tbox {
    width: 70%;
    line-height: 1.5;
}

.nayami-number ul li .pbox {
    width: 25%;
}

.nayami-number ul li .num {
    width: 40px;
    height: 40px;
    padding: 3px 12px;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: #a89675;
}

@media (max-width: 599px) {
    .nayami .h4 {
        line-height: 1.4;
    }
}

.prev2 {
    max-width: 1200px;
}

.prev2 .tit {
    max-width: 1000px;
    margin: 0 auto;
}

.prev2 .tit .h3c {
    margin-bottom: 10px;
}

.prev2 .tit p {
    padding: 0;
    color: #573d30;
}

.prev2 .flexb .img {
    width: 45.5%;
    padding: 0 0 20px 0;
}

.prev2 .flexb .video-box {
    position: relative;
    z-index: 1;
}

.prev2 .flexb .video-box::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.prev2 .flexb .video-box video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.prev2 .flexb .img div {
    margin-top: -120px;
}

.prev2 .flexb .tbox {
    width: 50%;
    padding: 30px 0 25px 0;
}

.prev2 .flexb .tbox .txt {
    padding: 30px 15px 15px 16.5%;
    position: relative;
}

.prev2 .flexb .tbox .txt::before {
    content: "";
    width: 50vw;
    height: 100%;
    background: #e6e0d8;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.prev2 .flexb .tbox p {
    padding: 0 0 20px 0;
}

.prev2 .wbox {
    max-width: 1000px;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 3.5% 30px 3.5%;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px #e1d9d0;
    box-shadow: 2px 2px 5px #e1d9d0;
}

.prev2 .wbox .txt {
    max-width: 800px;
    margin-left: 60px;
}

.prev2 .wbox .txt p {
    padding: 0 0 20px 0;
}

.general-graph .prev2 .tit {
    max-width: 1100px;
    margin: 0 auto;
}

.h3c {
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 42px;
    color: #c29a81;
    line-height: 140%;
}

.cerec2 {
    position: relative;
}

.tito {
    margin-bottom: 20px;
    position: relative;
}

.tito .w {
    display: inline-block;
    padding: 10px 40px 10px 10px;
    font-weight: normal;
    color: #fff;
    border-radius: 0 25px 25px 0/0 50% 50% 0;
    background: #606060;
}

.tito::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #606060;
    position: absolute;
    left: -99%;
}

.tit1 .h3c {
    margin-bottom: 5px;
}

.tit1 p {
    color: #573d30;
}

.prev3 .tbox {
    width: 54.5%;
}

.prev3 .img {
    width: 40%;
}

.prev3 .img div {
    padding-bottom: 66.28%;
    position: relative;
}

.prev3 .img div img {
    position: absolute;
    top: 0;
    left: 0;
}

.prev3 p ul,
.prev3 .tbox ul {
    padding: 0 0 20px 0;
}

.prev3 .ct {
    max-width: 700px;
    margin: 0 auto;
}

.prev3 .ct p {
    text-align: center;
}

.h3b {
    text-align: center;
}

.h3b .e {
    display: block;
    font-weight: normal;
    font-size: 42px;
    color: #c29a81;
}

.h3b .n {
    display: block;
    font-weight: normal;
    font-size: 24px;
}

.h3b::after {
    content: "";
    width: 56px;
    height: 1px;
    display: block;
    margin: 5px auto 0 auto;
    background: #573d30;
}

.flow1 {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.flow1 .inner {
    max-width: 980px;
}

.flow1.c::before {
    content: "";
    width: 650px;
    height: 100%;
    background: #e6d9ca;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
}

.flow1 .tbox {
    width: 50%;
    padding: 40px 0 0 0;
}

.flow1 .tbox h4 {
    margin-bottom: 20px;
}

.flow1 .img {
    width: 45.92%;
    padding: 0 0 20px 0;
    position: relative;
}

.flow1 .img .no {
    width: 74px;
    padding: 0;
    font-weight: bold;
    color: #a89675;
    line-height: 74px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -35px;
    left: -35px;
    z-index: 2;
}

.flow1 .img div {
    padding-bottom: 63%;
}

.flow1 .flexb {
    padding-bottom: 50px;
}

.flow1 .flexb:last-of-type {
    padding-bottom: 0;
}

.flow1 .flexb:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flow1 p {
    padding: 0 0 20px 0;
}

.care1 .tbox {
    width: 43%;
}

.care1 .tbox p {
    padding: 0 0 20px 0;
}

.care1 .tbox .txt {
    position: relative;
}

.care1 .tbox .txt .img_bk {
    width: 548px;
    height: 365px;
    opacity: 0.1;
    position: absolute;
    top: 3em;
    right: 10%;
}

.care1 .flexb {
    padding-bottom: 10px;
}

.care1 .flexb:nth-child(2n+1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.care1 .img {
    width: 50%;
    overflow: hidden;
    margin-bottom: 20px;
}

.care1 .img.care1-img-ver2 {
    overflow: visible;
}

.care1 .img div {
    position: relative;
}

.care1 .img .p1 {
    padding-bottom: 66%;
}

.care1 .img img {
    position: absolute;
    top: 0;
    left: 0;
}

.care1 .img .p2 {
    max-width: 283px;
    margin-top: -53px;
    margin-left: -10%;
}

.care1 .img .p2 img {
    -o-object-fit: contain;
    object-fit: contain;
}

.care1 .part+.part {
    padding-top: 50px;
}

.care2 {
    padding-top: 0;
}

.of1 {
    padding-bottom: 40px;
}

.of1 .tbox {
    width: 55%;
    padding: 0 5.5% 0 0;
}

.of1 .tbox p {
    padding: 0 0 20px 0;
}

.of1 .img {
    width: 40%;
    padding: 0 0 20px 0;
}

.of1 .img div {
    padding-bottom: 66%;
    position: relative;
}

.of1 .img div img {
    position: absolute;
    top: 0;
    left: 0;
}

.of2 {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 30px 3.5% 30px 3.5%;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px #e1d9d0;
    box-shadow: 2px 2px 5px #e1d9d0;
}

.of2 .flexb {
    max-width: 940px;
    margin: 0 auto;
}

.of2 .flexb .img {
    width: 32%;
    padding: 0 0 20px 0;
}

.of2 .flexb .img div {
    padding-bottom: 77%;
}

.of2 .flexb .tbox {
    width: 63.09%;
}

.of2 .flexb .tbox h4 {
    margin-bottom: 20px;
    font-weight: normal;
}

.of2 .flexb .tbox p {
    padding: 0 0 20px 0;
}

@media (max-width: 1024px) {
    .work1 .wrap {
        width: 94%;
    }

    .nayami ul.flexb li.w100\@tb {
        width: 100%;
    }

    .h3c {
        font-size: 34px;
    }

    .prev2 .flexb .tbox .txt {
        padding: 30px 15px 30px 0;
    }

    .prev3 .img.w100\@tb {
        width: 100%;
        max-width: 500px;
        margin: auto;
        margin-bottom: 20px;
    }

    .prev3 .tbox.w100\@tb {
        width: 100%;
    }

    .h3b .n {
        font-size: 20px;
    }

    .h3b .e {
        font-size: 34px;
    }

    .care1 .tbox .tit1 .h3c {
        font-size: 30px;
    }

    .care1 .tbox .txt .img_bk {
        height: 300px;
        left: 0;
        right: auto;
    }

    .res-layout .tbox .txt .img_bk {
        top: auto;
        bottom: -11em;
    }
}

@media (max-width: 599px) {
    .work1 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .work1 .inner {
        margin-bottom: 30px;
    }

    .work1 .nayami {
        padding: 20px 3%;
    }

    .work1 .flexb .img,
    .work1 .flexb .tbox {
        width: 100%;
    }

    .nayami ul.flexb li {
        width: 100%;
    }

    .nayami-col2 ul li {
        padding: 10px 0;
    }

    .nayami-col2 ul li .tbox {
        width: 100%;
        margin-top: 10px;
    }

    .nayami-col2 ul li .pbox {
        width: 100%;
    }

    .prev2 .flexb .img {
        width: 100%;
    }

    .prev2 .flexb .img div {
        margin-top: 20px;
    }

    .prev2 .flexb .tbox {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .prev2 .flexb .tbox .txt {
        padding-left: 0;
    }

    .prev2 .flexb .tbox .txt::before {
        width: 100vw;
    }

    .prev2 .wbox .txt {
        margin-left: 0;
    }

    .prev3 .img {
        width: 100%;
        margin-bottom: 20px;
    }

    .prev3 .tbox {
        width: 100%;
    }

    .prev3 .ct p {
        text-align: left;
    }

    .h3b {
        font-size: 30px;
    }

    .h3b .e {
        font-size: 28px;
    }

    .flow1 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .flow1 .flexb {
        margin-bottom: 50px;
        padding-bottom: 0;
    }

    .flow1 .flexb:last-of-type {
        margin-bottom: 0;
    }

    .flow1 .img {
        width: 100%;
    }

    .flow1 .tbox {
        width: 100%;
        padding-top: 0;
    }

    .care1 .tbox {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
    }

    .care1 .tbox .txt {
        position: static;
    }

    .care1 .tbox .txt .img_bk {
        width: 100%;
        height: 100%;
        top: auto;
        bottom: 0;
    }

    .care1 .img {
        width: 100%;
        float: none;
        margin-bottom: 0;
    }

    .care1 .img .p2 {
        width: 51%;
    }

    .of1 .img,
    .of1 .tbox {
        width: 100%;
    }

    .of2 .flexb .img {
        width: 100%;
    }

    .of2 .flexb .tbox {
        width: 100%;
    }

    #general3 .inner {
        margin-bottom: 0;
    }

    #general3 .nayami {
        margin-bottom: 0;
    }

    #general3+.cate-content {
        padding-top: 0;
    }
}

/* 矯正歯科 */
.hide-content {
    display: none;
}

.hist-v {
    display: none;
}

.hist-btn {
    display: inline-block;
    padding: 8px 40px 8px 20px;
    color: #fff;
    background: #bb8e73;
    cursor: pointer;
    position: relative;
}

.hist-btn::before {
    content: "";
    width: 20px;
    height: 3px;
    margin-top: -1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 17px;
}

.hist-btn::after {
    content: "";
    width: 20px;
    height: 3px;
    margin-top: -1px;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 50%;
    right: 17px;
}

.hist-btn.action::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.action-v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flow2,
.flow3 {
    position: relative;
}

.flow2.s::before,
.flow3.s::before {
    content: "";
    width: 50%;
    height: 100%;
    background: #e6d9ca;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
}

.flow2 .h3b,
.flow3 .h3b {
    margin-bottom: 10px;
}

.flow2 .h3b+p,
.flow3 .h3b+p {
    padding: 0 0 70px 0;
    color: #573d30;
    text-align: center;
}

.flow2 .inner {
    max-width: 1000px;
}

.flow2 .box {
    width: 45%;
    padding-bottom: 80px;
}

.flow2-ver2 .box {
    padding-bottom: 50px;
}

.flow2 .box:nth-child(even) {
    margin-top: 55px;
}

.flow2 .img {
    margin-bottom: 20px;
}

.flow2 .img .no {
    width: 74px;
    padding: 0;
    font-weight: bold;
    color: #a89675;
    line-height: 74px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -35px;
    left: -35px;
    z-index: 2;
}

.flow2 .img div {
    padding-bottom: 63%;
    position: relative;
}

.flow2 .h4 {
    margin-bottom: 20px;
}

.flow2 .txt p {
    padding: 0 0 20px 0;
}

.flow2 .h {
    padding: 0 0 20px 0;
}

.flow2 .h dt {
    width: 155px;
    padding: 10px 2.5%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #bb8e73;
}

.flow2 .h dd {
    padding: 10px 0 10px 1em;
}

.flow3 .box {
    width: 30%;
    margin: 0 5% 40px 0;
}

.flow3 .box:nth-child(3n+2) {
    margin-top: 30px;
}

.flow3 .box:nth-child(3n) {
    margin-top: 60px;
    margin-right: 0;
}

.flow3 .inner {
    max-width: 1000px;
}

.flow3 .box .img {
    margin-bottom: 20px;
}

.flow3 .box .h4 {
    margin-bottom: 10px;
}

.flow3 .box p {
    padding: 0 0 20px 0;
}

.flow3 .img .no {
    width: 74px;
    padding: 0;
    font-weight: bold;
    color: #a89675;
    line-height: 74px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -35px;
    left: -35px;
    z-index: 2;
}

.flow3 .img div {
    padding-bottom: 76.5%;
}

.orthodontic img {
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
}

.orthodontic-ratio {
    width: 94%;
    max-width: 880px;
    margin: 0 auto;
    padding: 30px;
    background: #ddd;
}

.orthodontic-ratio .box {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}

.orthodontic-ratio .box ul li {
    line-height: 30px;
}

.orthodontic-ratio .box ul li+li {
    margin-top: 10px;
}

.orthodontic-ratio .box .left {
    width: 140px;
    padding: 5px 10px;
    text-align: right;
}

.orthodontic-ratio .box .left ul li {
    font-weight: bold;
    font-size: 18px;
    text-align: right;
}

.orthodontic-ratio .box .right {
    width: calc(100% - 140px);
    padding: 5px 0;
    border-left: 5px solid;
    border-right: 5px solid;
    position: relative;
    z-index: 0;
}

.orthodontic-ratio .box .right::before {
    content: "";
    width: 1px;
    height: 100%;
    border-left: 1px dashed;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
}

.orthodontic-ratio .box .right ul li {
    background: #fadbe9;
}

.orthodontic-ratio .box .right ul li .txt {
    display: block;
    margin-left: auto;
    padding-left: 5px;
    font-weight: bold;
    font-size: 20px;
    color: #e16262;
    background: #ddd;
}

.orthodontic-ratio .box .right ul li:nth-of-type(1) .txt {
    width: 19%;
}

.orthodontic-ratio .box .right ul li:nth-of-type(2) .txt {
    width: 21%;
}

.orthodontic-ratio .box .right ul li:nth-of-type(3) .txt {
    width: 39%;
}

.orthodontic-ratio .box .right ul li:nth-of-type(4) .txt {
    width: 48%;
}

.orthodontic-feature .h3b .n {
    font-size: 26px;
}

.orthodontic-feature ul li+li {
    margin-top: 30px;
}

.orthodontic-feature ul li .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.orthodontic-feature ul li .item .imgbox {
    width: 30%;
}

.orthodontic-feature ul li .item .imgbox .pic {
    overflow: hidden;
    border-radius: 40%;
    position: relative;
    z-index: 0;
}

.orthodontic-feature ul li .item .imgbox .pic::before {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 1px solid #ddd;
    border-radius: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
}

.orthodontic-feature ul li .item .txtbox {
    width: 65%;
}

.orthodontic-feature ul li .item .txtbox .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid;
}

.orthodontic-feature ul li .item .txtbox .tit .point {
    width: 100%;
    margin-right: 20px;
    font-weight: bold;
    font-size: 20px;
    color: #c29a81;
    font-style: italic;
}

.orthodontic-feature ul li .item .txtbox .tit .sub .num {
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 40px;
}

.orthodontic-feature ul li:nth-of-type(even) .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 1024px) {

    .flow1 .img .no,
    .flow2 .img .no,
    .flow3 .img .no {
        left: -20px;
    }

    .flow2 .box {
        padding-bottom: 50px;
    }

    .flow2-ver2 .box {
        padding-bottom: 30px;
    }

    .flow3 .box {
        width: 47%;
    }

    .flow3 .box:nth-of-type(2n) {
        margin-top: 30px;
        margin-right: 0;
    }

    .flow3 .box:nth-of-type(3n) {
        margin-top: 0;
        margin-right: 5%;
    }

    .flow2 .h3b+p {
        padding-bottom: 20px;
        font-size: 24px;
    }

    .orthodontic-ratio .box .right ul li .txt {
        font-size: 16px;
    }

    .orthodontic-ratio .box .right ul li:nth-of-type(1) .txt {
        width: 30%;
    }

    .orthodontic-ratio .box .right ul li:nth-of-type(2) .txt {
        width: 33%;
    }

    .orthodontic-ratio .box .right ul li:nth-of-type(3) .txt {
        width: 40%;
    }

    .orthodontic-ratio .box .right ul li:nth-of-type(4) .txt {
        width: 46%;
    }

    .orthodontic-feature ul li .item .txtbox .tit .sub .num {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 599px) {

    .flow1 .img .no,
    .flow2 .img .no,
    .flow3 .img .no {
        width: 55px;
        line-height: 55px;
        left: -10px;
    }

    .flow2 .h4 {
        margin-bottom: 5px;
    }

    .flow2 .box {
        width: 98%;
        margin: 1% !important;
        padding-bottom: 0;
    }

    .flow2 .h3b+p {
        font-size: 21px;
    }

    .flow2 .sp-2col-box .box {
        width: 48%;
    }

    .flow2 .box:nth-child(2n) {
        margin-top: 0;
    }

    .flow2 .img {
        width: 100%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .flow3 .box {
        width: 96%;
        margin-left: 2%;
        margin-right: 2% !important;
    }

    .flow2 .txt p {
        padding: 0;
    }

    .flow3 .box:nth-child(3n),
    .flow3 .box:nth-child(3n+2) {
        margin-top: 0;
    }

    .flow3 .box:nth-child(3n) {
        margin-bottom: 0;
    }

    .itero2.flow2 h4 {
        font-size: 14px;
        line-height: 1.4;
    }

    .orthodontic-ratio {
        padding: 15px;
    }

    .orthodontic-ratio .box {
        width: 100%;
    }

    .orthodontic-ratio .box .right ul li .txt {
        font-size: 14px;
    }

    .orthodontic-ratio .box .left {
        width: 120px;
    }

    .orthodontic-ratio .box .left ul li {
        font-size: 15px;
    }

    .orthodontic-feature .h3b .n {
        font-size: 22px;
    }

    .orthodontic-feature ul li .item .imgbox {
        width: 60%;
        margin: 0 auto 10px;
    }

    .orthodontic-feature ul li .item .txtbox {
        width: 100%;
    }
}

/* 小児歯科・小児矯正 */
.pedi1 p {
    text-align: center;
}

.pedi2 {
    padding-bottom: 50px;
}

.pedi2 .inner {
    max-width: 1000px;
    background-color: #e6d9ca;
}

.pedi2 .inner .tbox {
    width: 57%;
}

.pedi2 .inner .tbox h4 {
    margin-bottom: 15px;
}

.pedi2 .inner .rbox {
    width: 38%;
}

.pedi2 .wrap {
    width: 85%;
    max-width: 850px;
    margin: 0 auto;
}

.pedi2 .nabox {
    padding-bottom: 30px;
    border: 2px solid #c29a81;
}

.pedi2 .naptit {
    margin-bottom: 30px;
    padding: 8px 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #bb8e73;
}

.pedi2 li {
    margin-left: 1.5em;
    padding: 0 0 10px 38px;
    font-size: 18px;
    color: #573d30;
    position: relative;
}

.pedi2 li::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(/import/tenant_4/153.126.203.189/html/images/check.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3em;
    left: -0.1em;
}

.pedi3 {
    padding: 30px 0 0 0;
}

.pedi3 .flexb .img {
    width: 32%;
}

.pedi3 .tbox {
    width: 65%;
}

.color-element-content {
    padding: 50px;
    background-color: #e6d9ca;
}

.color-element-parent::before {
    display: none;
}

.color-element-parent.-pale .color-element-content {
    background-color: #f0e8de;
}

@media (max-width: 599px) {
    .pedi2 .inner .tbox {
        width: 100%;
        padding-bottom: 30px;
    }

    .pedi2 .inner .rbox {
        width: 100%;
    }

    .pedi3 .tbox {
        width: 100%;
    }

    .pedi3 .flexb .img {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 30px;
        text-align: center;
    }

    .color-element-content {
        padding: 30px 15px;
    }
}

/* セレック治療 */
.work1 h4.cerec1t {
    margin-bottom: 20px;
}

.work1 h4.cerec1t+p {
    padding-bottom: 40px;
    text-align: center;
}

.work1 .flexb .tbox h4 {
    margin: 0 0 20px 0;
    text-align: left;
}

.cerec1 .nayami {
    width: 80%;
    max-width: 800px;
    padding: 25px 1% 30px 1%;
}

.cerec1 .nayami .inbox {
    position: relative;
}

.cerec1 .nayami .inbox::before {
    content: url(/import/tenant_4/153.126.203.189/html/images/cerec/cerec13.jpg);
    display: block;
    position: absolute;
}

.cerec1 .nayami .inbox p {
    padding: 5px 0 0 90px;
}

.cerec2 .inner {
    padding: 0 0 20px 0;
}

.prev2 .cerec3.flexb .img div {
    margin-top: 0;
}

.prev2 .cerec3.flexb .tbox .txt {
    padding: 30px 0 15px 15px;
    position: relative;
}

.prev2 .cerec3.flexb .tbox .txt::before {
    background: #e6e0d8;
    top: 0;
    left: 0;
    right: auto;
}

@media (max-width: 599px) {
    .cerec1 .nayami .inbox::before {
        width: 100%;
        text-align: center;
    }

    .cerec1 .nayami .inbox p {
        padding: 80px 1% 0 1%;
    }
}

/* 一般歯科・歯周病治療・短期集中治療 */
.genebox1 {
    padding: 100px 0 50px 0;
}

.genebox-re {
    padding: 0 0 30px;
}

.genebox1 h3+p {
    text-align: center;
}

.general3 {
    max-width: 850px;
}

.general3 .inbox {
    padding-bottom: 30px;
}

.general3 dt {
    width: 7%;
    float: left;
}

.general3 dd {
    padding-left: 5%;
}

.general3 dl {
    padding-bottom: 30px;
}

.general3 .inbox h4 {
    margin-bottom: 10px;
}

.general3 .of2 {
    padding: 30px 10px 10px;
}

.general3 .of2 .flexb .tbox p {
    padding: 0;
}

.general3 .of2 .flexb .img {
    width: 35%;
    padding-bottom: 0px;
}

.general3 .of2 .flexb .tbox {
    width: 55%;
    padding-bottom: 20px;
}

.general4 {
    padding: 50px 0 0 0;
}

.nayami.bgw {
    background: #fff;
}

.bgbrwn .flow1.c:before {
    background: #f0e8de;
    z-index: auto;
}

.prev2 .flexb .img div {
    padding-bottom: 67%;
    position: relative;
}

.prev2 .flexb .img div img {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.prev2 .flexb .img div .imgtxt {
    width: 100%;
    padding: 20px 0;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
}

.definition-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.definition-list dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.definition-list dt::after {
    content: "：";
    display: inline-block;
    float: none;
}

.definition-list dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 0;
}

@media (max-width: 1024px) {
    .genebox1 {
        padding: 50px 0;
    }
}

@media (max-width: 599px) {
    .genebox1 {
        padding: 30px 0;
    }

    .general3 dt {
        width: 100%;
        float: none;
    }

    .general3 dd {
        padding-left: 0;
    }

    .general3 .of2 {
        padding-top: 0;
    }

    .general3 .of2 .flexb .img {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 30px;
        text-align: center;
    }

    .general3 .of2 .flexb .img img {
        -o-object-fit: contain;
        object-fit: contain;
    }

    .general3 .of2 .flexb .tbox {
        width: 100%;
    }

    .definition-list dt {
        width: auto;
    }
}

/* 口腔外科 */
.nayami li .fs12 {
    display: inline-block;
    line-height: 120%;
}

.nayami.check1 {
    padding: 40px 0% 25px 0%;
    border: none;
}

.nayami.check1 h4 {
    margin-bottom: 50px;
    font-size: 18px;
}

.nayami.check1 h4::after {
    content: "";
    width: 56px;
    height: 1px;
    display: block;
    margin: 10px auto 0 auto;
    background: #573d30;
}

.nayami.check1 ul {
    max-width: 100%;
}

.oral1inn {
    max-width: 470px;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 3.5% 20px 3.5%;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px #e1d9d0;
    box-shadow: 2px 2px 5px #e1d9d0;
}

.oral1inn p {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.oral1inn .tito {
    margin-bottom: 0;
}

.oral1inn .txt {
    max-width: 500px;
    margin-left: 20px;
}

.oral2 .h3s+p {
    padding-bottom: 50px;
    text-align: center;
}

.oral3 h3 {
    padding-bottom: 50px;
}

.oral4 .img {
    overflow: hidden;
    position: relative;
}

.oral4 .img .tito {
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.oral4 .img .tito .w {
    min-width: 100px;
    padding: 15px 40px 15px 15px;
    background: rgba(0, 0, 0, 0.6);
}

.bgbrwn.flow2.s.s2::before {
    background: #f0e8de;
    z-index: 0;
}

.bgbrwn.flow2 .h3b+p {
    position: relative;
    z-index: 1;
}

/* 入れ歯治療 */
.denture1.work1 .img.c1 {
    max-width: 880px;
}

.denture1.work1 .img.c1 div {
    padding-bottom: 36.5%;
}

.denture1.work1 h4 {
    margin: 0 0 20px 0;
    text-align: left;
}

.denture2 .inner {
    max-width: 1000px;
}

.denture2 .inner .box {
    width: 32%;
    padding-bottom: 30px;
}

.denture2 .inner .box:last-of-type {
    padding-bottom: 0;
}

.denture2 .inner .box .img {
    padding-bottom: 20px;
    text-align: center;
}

.denture2 .inner .box .img div {
    padding-bottom: 62.5%;
    position: relative;
}

.denture2 .inner .box .img div img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.denture2 .inner .box h4 {
    margin-bottom: 10px;
}

.denture2.denture4 h3 {
    margin-bottom: 50px;
}

.denture2.denture4 .inner .box:nth-of-type(2) {
    margin-top: 30px;
}

.denture2.denture4 .inner .box:nth-of-type(3) {
    margin-top: 60px;
}

.denture3 h3+p {
    max-width: 720px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.denture3 .box li {
    padding: 0 0 20px 38px;
    position: relative;
}

.denture3 .box li::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(/import/tenant_4/153.126.203.189/html/images/check.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3em;
    left: -0.1em;
}



.denture3.flow2 .h dt {
    height: 45px;
}

.denture3.flow2.s.s2:before {
    content: none;
}

.denture5 h3 {
    margin: 40px 1%;
}

.denture5 p {
    width: 74%;
    margin: 0 auto;
}

.denture5 .inner {
    max-width: 1000px;
}

.denture5 .inner .wrap {
    position: relative;
}

.denture5 .inner .imgbk {
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
    position: relative;
    z-index: 0;
}

.denture5 .inner .imgbk img {
    opacity: 0.25;
}

.denture5 .inner .txt {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

@media (max-width: 1024px) {
    .denture5 p {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .denture2 .inner .box {
        width: 100%;
    }

    .denture2 .inner .box .img {
        width: 100%;
    }

    .denture2.denture4 .inner .box:nth-of-type(2),
    .denture2.denture4 .inner .box:nth-of-type(3) {
        margin-top: 0px;
    }

    .denture5 .inner .txt {
        padding: 10px 20px 40px;
        position: static;
    }

    .denture5 .inner .imgbk {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .denture5 .inner .imgbk img {
        width: 100%;
        height: 100% !important;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        font-family: "object-fit: cover; object-position: 50% 50%;";
        position: absolute;
        top: 0;
        left: 0;
    }

    .nayami.check1 {
        padding-top: 10px;
    }
}

/* インプラント */
.implant1 .img {
    overflow: hidden;
    position: relative;
}

.implant1 .img .tito {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 1;
}

.implant1 .img .tito .w {
    padding: 10px 40px 10px 30px;
    background: rgba(0, 0, 0, 0.6);
}

.implant1 .img div {
    position: relative;
    z-index: 0;
}

.implant1 .tbox .txt .img_bk {
    width: 655px;
    height: 380px;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0%;
    z-index: -1;
}

.implant1 .t1 {
    max-width: 700px;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
}

.implant2 .h3s {
    margin-bottom: 50px;
}

.implant2 .nayami a {
    display: block;
    padding: 40px 6% 40px 6%;
}

.implant2 .nayami dl {
    width: 30%;
}

.implant2 .nayami dt {
    padding: 0 0 20px 38px;
    font-size: 18px;
    color: #573d30;
    position: relative;
}

.implant2 .nayami dt::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(/import/tenant_4/153.126.203.189/html/images/check.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3em;
    left: -0.1em;
}


.implant2.flow3 .box:nth-child(3n+2) {
    margin-top: 0px;
}

.implant2.flow3 .box:nth-child(3n) {
    margin-top: 0px;
    margin-right: 0;
}

.implant2.flow3.s::before {
    content: none;
}

.implant3.work1 .flexb .img {
    width: 35%;
}

.implant3 .box {
    max-width: 400px;
    padding-bottom: 30px;
}

.implant3 .box .pt {
    width: 200px;
    margin-bottom: 30px;
    padding: 10px 2.5%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #bb8e73;
}

.implant3 .box+.box .pt {
    background: #bfbfbf;
}

.implant3 .box li {
    padding: 0 0 10px 30px;
    position: relative;
}

.implant3 .box li::before {
    content: "";
    width: 17px;
    height: 17px;
    display: block;
    border-radius: 50%;
    background: #bb8e73;
    position: absolute;
    top: 6px;
    left: 0;
}

.implant3 .box+.box li::before {
    background: #bfbfbf;
}

.implant3 .inn+* {
    padding-top: 20px;
}

.h3sp {
    padding-bottom: 50px;
    text-align: center;
}

@media (max-width: 599px) {
    .implant2 .nayami dl {
        width: 100%;
        padding-bottom: 30px;
    }

    .implant3.work1 .flexb .img {
        width: 100%;
    }

    .implant1 .tbox .txt .img_bk {
        width: 100%;
        height: 100%;
    }

    .prev3 .img {
        margin-bottom: 0;
    }

    .h3c {
        font-size: 30px;
    }
}

/* ノンメタル治療 */
.nometal1 .h3s {
    margin-bottom: 50px;
}

.nometal1.prev2 .wbox {
    margin-bottom: 50px;
}

.nometal1.prev2 .wbox .txt {
    max-width: 860px;
    margin: 0 auto;
    margin-bottom: 30px;
    border-bottom: 1px solid #bb8e73;
}

.nometal1.prev2 .wbox .txt h4 {
    margin-bottom: 15px;
}

.nometal1.prev2 .wbox:last-child {
    margin-bottom: 0;
}

.nometal2.pedi2 {
    position: relative;
    z-index: 1;
}

.nometal2.pedi2 .inner .tbox {
    width: 100%;
}

.nometal2.pedi2 .inner .tbox li {
    margin-left: 0;
}

.nometal2.pedi2 .inner .tbox p {
    padding-bottom: 20px;
}

@media (max-width: 1024px) {
    .pedi2 {
        margin-top: 0;
        margin-right: 0;
        position: relative;
        z-index: 1;
    }

    .pedi2 .inner .tbox {
        width: 100%;
    }

    .pedi2 .inner .tbox li {
        width: 100%;
    }

    .pedi2 .inner .rbox {
        width: 100%;
        margin-top: 50px;
    }
}

@media (max-width: 599px) {
    .pedi2 .inner .rbox {
        margin-top: 0;
    }
}

/* 審美 */
.shinbi1 .inlink {
    margin: 0 3%;
    padding-bottom: 20px;
}

.shinbi1 .inlink li {
    width: 20%;
    max-width: 200px;
    padding-bottom: 20px;
    text-align: center;
}

.shinbi1 .inlink li a {
    width: 100%;
    min-height: 50px;
    display: table;
    color: #fff;
    line-height: 130%;
    text-align: center;
    background-color: #bb8e73;
}

.shinbi1 .inlink li a .t {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.shinbi1 .work1 .inner {
    padding-bottom: 100px;
}

.shinbi1 .work1 h4 {
    margin: 0 0 10px 0;
    font-size: 24px;
    text-align: left;
}

.shinbi1 .work1.shinbi2 .nayami {
    padding: 20px 3% 20px 3%;
}

.shinbi1 .work1.shinbi2 .nayami p {
    padding-bottom: 0;
    text-align: center;
}

.shinbi1 .pedi2 .h dt {
    width: 155px;
    padding: 10px 2.5%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #bb8e73;
}

.shinbi1 .pedi2 .h dd {
    padding: 10px 0 10px 1em;
}

/* ホワイトニング */
.white2 .nayami {
    margin-top: 50px;
}

.white3 .tbox {
    width: 64%;
}

.white3 .checklist li {
    padding-left: 1.5em;
    position: relative;
}

.white3 .checklist li::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(/import/tenant_4/153.126.203.189/html/images/check.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3em;
    left: -0.1em;
}


.white3 .imlink {
    width: 33%;
    max-width: 370%;
}

.white3 .imlink a {
    display: block;
    color: #573d30;
    background-color: #e6d9ca;
}

.white3 .imlink a .at {
    width: 100%;
    display: inline-block;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/import/tenant_4/153.126.203.189/html/images/whitening/arw.jpg) no-repeat 90% 50%;
}

.white5 .inner {
    padding-top: 0;
}

.white5 .nayami h4 {
    text-align: center;
}

.white5 .nayami h4+p {
    padding-bottom: 30px;
}

.white5 .nayami .inbox {
    width: 85%;
    margin: 0 auto;
}

.white5 .nayami dt {
    margin-bottom: 15px;
    font-weight: bold;
    border-bottom: 1px solid #7d7d7d;
}

.white5 .nayami dl {
    padding-bottom: 30px;
}

.white6 {
    padding-bottom: 30px;
}

.white6 .of2 {
    padding-top: 25px;
}

.white6 .tito {
    display: inline-block;
    margin-right: 25px;
    position: absolute;
    top: 0;
    left: 0;
}

.white6 .q {
    width: calc(100% + 3%);
    margin-bottom: 0;
    padding: 10px 60px 0 120px;
    font-weight: normal;
    cursor: pointer;
    position: relative;
}

.white6 .q+div {
    display: none;
}

.white6 .q::before {
    content: "";
    width: 30px;
    height: 3px;
    background: #7d7d7d;
    position: absolute;
    top: 23px;
    right: 14px;
}

.white6 .q::after {
    content: "";
    width: 30px;
    height: 3px;
    background: #7d7d7d;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 23px;
    right: 14px;
}

.white6 .q.active::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.white6 .txt {
    padding: 35px 0 0 65px;
    position: relative;
}

.white6 .txt .a {
    padding: 10px 7px;
    font-weight: normal;
    color: #fff;
    background: #bb8e73;
    position: absolute;
    top: 35px;
    left: 0;
}

.white6 .h3s {
    margin-bottom: 50px;
}

.bgwhite {
    padding: 20px 4%;
    background-color: #fff;
}

.checklist li {
    padding: 0 0 20px 38px;
    color: #573d30;
    position: relative;
}

.checklist li::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(/import/tenant_4/153.126.203.189/html/images/check.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3em;
    left: -0.1em;
}

@media (max-width: 599px) {
    .shinbi1 .work1 .inner {
        padding-bottom: 30px;
    }

    .white3 .imlink,
    .white3 .tbox {
        width: 100%;
    }

    .white6 .q {
        width: 100%;
        padding-top: 60px;
        padding-left: 0;
        padding-right: 0;
    }
}

/* マタニティ歯科 */
.mateniinn.nayami {
    padding: 0;
}

.mateniinn.nayami p {
    font-size: 21px;
    color: #573d30;
}

.maternity3 .h3b {
    margin-bottom: 50px;
}

.maternity-box .item {
    width: 47%;
    margin-bottom: 40px;
    margin-right: 6%;
}

.maternity-box .item:nth-of-type(2n) {
    margin-right: 0;
}

.maternity-box .img div {
    padding-bottom: 50%;
}

.maternity-box .item .h4 {
    margin-bottom: 10px;
}

.maternity-box .item .img {
    margin-bottom: 20px;
}

@media (max-width: 599px) {
    .maternity-box .item {
        width: 100%;
        margin-right: 0;
    }

    .mateniinn.nayami a {
        padding: 40px 3%;
    }

    .mateniinn.nayami p {
        font-size: 18px;
    }
}

/*スポーツ外来*/
.sports1 .box {
    width: 49%;
    max-width: 430px;
    padding: 40px 15px 25px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
}

.work1.sports1 h4.h4c {
    margin-bottom: 20px;
    margin-left: 0;
    text-align: left;
}

.sports1 .box li {
    padding-bottom: 10px;
}

.sports2 .nayami {
    max-width: 1000px;
    border: none;
}

.sports2 .nayami h4 {
    max-width: 790px;
    margin: 0 auto 20px auto;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
}

@media (max-width: 599px) {
    .sports1 .box {
        width: 100%;
    }

    .sports1 .box+.box {
        margin-top: 10px;
    }
}

/*歯科技工室*/
.techni1.flow2 .box h4,
.techni1.flow2 .box2 h4 {
    padding-top: 10px;
    font-weight: normal;
    font-size: 110%;
    color: #333;
    line-height: 120%;
}

.techni1.flow2 .box {
    width: 48%;
    overflow: hidden;
    margin-bottom: 45px;
    padding-bottom: 50px;
}

.techni1.flow2 .box:nth-child(2n) {
    margin-top: 0;
}

.techni1.flow2 .box .tito {
    float: left;
    margin-right: 10px;
}

.techni1.flow2 .box .tito .w {
    padding-left: 20px;
    padding-right: 20px;
}

.techni1.flow2 .box h4 {
    padding: 10px 0 0 0;
}

.techni1.flow2.s.s2:before {
    content: none;
}

.techni1.flow2 .box .txt {
    padding-left: 5%;
    padding-right: 5%;
}

.innlink {
    text-align: center;
}

.innlink a {
    min-width: 300px;
    display: inline-block;
    padding: 10px 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    background: url(/import/tenant_4/153.126.203.189/html/images/technician/linkarw.jpg) no-repeat 95% 50% #bb8e73;
}

@media (max-width: 1024px) {
    .techni1.flow2 .boxtit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        margin-bottom: 20px;
    }

    .techni1.flow2 .boxtit .tito,
    .techni1.flow2 .boxtit .h4 {
        margin-bottom: 0;
        padding: 0;
    }

    .techni1.flow2 .box h4 {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .techni1.flow2 .box:last-of-type {
        margin-bottom: 0;
    }

    .techni1.flow2 .box .tito {
        float: none;
    }

    .techni1.flow2 .box h4 {
        margin-left: 20px;
    }

    .innlink a {
        width: 100%;
        min-width: auto;
        padding-right: 45px;
    }
}

/*除菌装置ポセイドン*/
.poseidon1 .nayami {
    margin-bottom: 100px;
}

.poseidon1 .nayami h4 {
    margin-bottom: 10px;
}

.work1.poseidon2 .flexb .img {
    padding-top: 70px;
}

.posidon3 {
    padding-bottom: 100px;
}

.posidon3 .wrap {
    max-width: 1000px;
    margin: 0 auto;
}

.capture-text {
    padding: 25px;
    font-size: 20px;
    color: white;
    border-radius: 0 50px 50px 0;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute !important;
    top: 30px;
    left: 0;
    z-index: 1;
}

.capture-text.text-editable {
    position: absolute !important;
}

.capture-img {
    position: relative;
}

.capture-img.-under .capture-text {
    top: auto;
    bottom: 30px;
}

.capture-img.-mini .capture-text {
    padding: 15px;
    font-size: 16px;
    line-height: 1.2;
}

@media (max-width: 1024px) {

    .tablet-col-1 .img,
    .tablet-col-1 .tbox {
        width: 100%;
    }

    .tablet-col-1 .img .p1 {
        width: 70%;
        margin-left: auto;
        padding-bottom: 45%;
    }

    .tablet-col-1 .img .p2 {
        left: 10%;
    }

    .capture-text {
        padding: 15px;
        font-size: 14px;
        top: 20px;
    }

    .capture-img.-under .capture-text {
        bottom: 20px;
    }

    .capture-img.-mini .capture-text {
        font-size: 14px;
    }
}

@media (max-width: 599px) {
    .tablet-col-1 .img .p1 {
        width: 90%;
    }

    .work1.poseidon2 .flexb .img {
        padding-top: 0px;
    }
}

/*口腔内3Dスキャナー*/
.itero1.prev2 .flexb .img div {
    margin-top: 0;
}

.itero2.flow2 .img .no {
    font-size: 16px;
}

.itero2.flow2 .box:nth-child(2n) {
    margin-top: 0;
}

.itero2.flow2 h4 {
    text-align: center;
}

@media (max-width: 599px) {
    .itero2.flow2 .img .no {
        font-size: 12px;
    }
}

/*医院・設備紹介*/
#facility .tit {
    margin-bottom: 40px;
}

.facility1.hone12 {
    background: none;
}

#facility .facility2 .tit {
    margin-bottom: 40px;
}

.facility2 .txt {
    width: 32%;
    margin-bottom: 20px;
}

.facility2 .right {
    width: 60%;
    margin-bottom: 20px;
}

.facility3 {
    padding-bottom: 100px;
    background: url(/import/tenant_4/153.126.203.189/html/images/facility/facility3bk.jpg) no-repeat top;
    background-size: cover;
}

.facility3 .inn {
    width: 90%;
    max-width: 990px;
    margin: 0 auto;
}

.facility4 .box2 {
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.facility4 .box2 .flexb {
    max-width: 880px;
    margin: 0 auto;
    padding: 30px 0;
}

.facility4 .box2 .img {
    width: 35%;
}

.facility4 .box2 .txt {
    width: 57%;
    overflow: hidden;
}

.facility4.oral4 .img {
    overflow: auto;
}

.facility4.flow2 .box2 .tito {
    float: left;
    margin-right: 20px;
}

.facility4.flow2 .box2 .tito .w {
    padding-left: 20px;
}

.facility4.techni1.flow2 .box .txt2 {
    padding-left: 5%;
}

.facility4.techni1.flow2 .box .txt2 h5 {
    margin-bottom: 10px;
}

.facility4.techni1.flow2 .box .txt2 dl {
    width: 31%;
    max-width: 135px;
    float: left;
    margin-right: 2%;
    padding-bottom: 20px;
}

.facility4.techni1.flow2 .box .txt2 dt {
    text-align: center;
}

.facility5 .box {
    width: 30%;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px 0 20px 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
}

.facility5 .box .tito {
    z-index: 1;
}

.facility5 .box .tito .w {
    padding-left: 15px;
}

.facility5 .box .pic {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.facility5 .box .pic a {
    display: block;
    padding-bottom: 57%;
}

.facility5 .box dl {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.facility5 .box dt {
    padding-bottom: 10px;
    text-align: center;
}

.facility5 .box dd {
    min-width: 100px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 13px;
    background-color: #bb8e73;
}

.facility5 .flexb {
    margin-bottom: 20px;
}

.flow2 .box2 .img div {
    padding-bottom: 146%;
}

.map-iframe {
    padding-top: 50%;
}

.map-iframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1024px) {

    .facility2 .right,
    .facility2 .txt {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .map-iframe {
        padding-top: 100%;
    }

    .facility1 .left,
    .facility1 .right {
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    #facility .facility2 .tit,
    .facility2 .tit {
        margin-bottom: 30px;
    }

    .heightLine-cat {
        height: auto !important;
    }

    .techni1.flow2 .box {
        width: 100%;
        padding-top: 20px;
    }

    .facility4 .box2 .img,
    .facility4 .box2 .txt {
        width: 100%;
    }

    .facility4.flow2 .box2 .tito {
        float: none;
    }

    .facility4.flow2 .box2 h4 {
        margin-left: 20px;
    }

    .facility4.flow2 .box2 .inn,
    .facility4.flow2 .box2 .nayami {
        max-width: 90%;
        margin: 0 20px;
    }

    .facility5 .box {
        width: 100%;
    }
}

/*初めての方へ*/
.first1 {
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.first1bk {
    width: 100%;
    height: auto;
    opacity: 0.25;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.first1 .img {
    width: 50%;
    padding: 0 0 20px 0;
}

.first1 .img .p1 {
    padding-bottom: 64%;
}

.first1 .tbox {
    width: 43%;
}

.first1 .inner {
    position: relative;
    z-index: 1;
}

@media (max-width: 599px) {
    .first1bk {
        opacity: 0.15;
    }
}

.h3b.mb10 {
    margin-bottom: 10px;
}

.h3b.mb10+p.center {
    padding-bottom: 70px;
}

.first2 .img_bk {
    opacity: 0.1;
}

.first2 .implant1 .img .tito {
    bottom: 0;
}

.first2 .care1 .img.img2 {
    overflow: hidden;
    position: relative;
}

.first2 .care1 .img .tito {
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 1;
}

.first2 .care1 .img .tito .w {
    padding: 10px 40px 10px 30px;
    background: rgba(0, 0, 0, 0.6);
}

.first2 .prev3 p.tito {
    padding-bottom: 0;
}

.first3 .lastimg {
    width: 50%;
    opacity: 0.2;
    position: absolute;
    bottom: 0;
    right: 0;
}

.fgreet {
    position: relative;
}

.fgreet .imgbks {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.fgreet .imgbks img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.fgreet .inner {
    max-width: 1000px;
    padding-top: 0;
}

.fgreet .img {
    width: 50%;
    float: right;
    padding: 0 0 20px 2%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.fgreet .img .wrap {
    width: calc(50vw + 38%);
    -webkit-transform: translateX(-19%);
    transform: translateX(-19%);
}

.fgreet .img .wrap div {
    padding-bottom: 82.5%;
    position: relative;
}

.fgreet .img .wrap div img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.fgreet .tbox {
    position: relative;
    z-index: 1;
}

.fgreet .h3 {
    margin-bottom: 30px;
    padding: 100px 0 0 0;
    font-weight: normal;
    position: relative;
    z-index: 1;
}

.fgreet .clearfix p {
    position: relative;
    z-index: 1;
}

@media (max-width: 1024px) {
    .fgreet .h3 {
        font-size: 16px;
    }

    .first3 .lastimg {
        bottom: 2%;
    }
}

@media (max-width: 599px) {
    .fgreet .h3 {
        font-size: 20px;
    }
}

/*HOME*/
.home_main {
    padding: 50px 0 70px 0;
    position: relative;
}

.home_main .img_bk {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home_main .img_bk img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.home_main .h2 {
    width: 540px;
    max-width: 100%;
    padding: 0 0 35px 0;
    font-family: "Playfair Display", serif;
    font-weight: normal;
    font-size: 93px;
    color: transparent;
    line-height: 120%;
}

.home_main .h2 span {
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

.home_main .h2 span div {
    font-family: "Playfair Display", serif;
    font-weight: normal;
    font-size: 93px;
    color: #573d30;
    line-height: 120%;
}

.home_main p {
    color: #573d30;
}

/* .tab {
  position: absolute;
  bottom: 0;
  right: 0;
} */
.tab {
    height: 0;
    position: fixed;
    bottom: 400px;
    right: 0;
    z-index: 999;
}

.tab:hover {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.tab li {
    margin-bottom: 20px;
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    -webkit-transform: translate(calc(100% - 88px), 0);
    transform: translate(calc(100% - 88px), 0);
}

.tab li.ytu-hidden {
    -webkit-transform: none;
    transform: none;
}

.tab li .list-inner {
    border-radius: 48px 0 0 48px / 50% 0 0 50%;
}

.tab li:hover {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.tab li a {
    display: block;
    padding: 7px 0 7px 7px;
}

.tab .i {
    width: 74px;
    display: inline-block;
    line-height: 74px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
}

.tab li img {
    vertical-align: middle;
    margin-top: -5px;
}

.tab .w {
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-align: center;
}

.tab .w .s {
    display: block;
    line-height: 110%;
}

.tab li:first-child .list-inner {
    background: #9f9f9f;
}

.tab li:last-child .list-inner {
    background: #a89675;
}

/* .tab li a {
  display: block;
  padding: 15px 0 15px 15px;
} */
@media (max-width: 1024px) {

    /*     .tab {
    position: fixed;
    bottom: 0px;
    right: 0;
    z-index: 999;
} */
    .tab {
        display: none;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
    }

    .home_main {
        padding: 0;
    }

    .home_main::before {
        content: "";
        display: block;
        padding-top: 80%;
    }

    .home_main .inner {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 30px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .home_main .h2 {
        font-size: 60px;
        text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
    }

    .home_main .txt.fead-right {
        font-size: 24px;
    }

    .home_main .h2 span div {
        font-size: 60px;
    }
}

@media (max-width: 599px) {
    .home_main {
        padding: 0;
    }

    .home_main .inner {
        padding: 15px;
    }

    .home_main .h2 {
        padding-bottom: 0;
        font-size: 30px;
    }

    .home_main .h2+.txt {
        margin-top: 15px;
        font-size: 18px;
    }

    .home_main .txt.fead-right {
        font-size: 20px;
    }

    .fs34.spfz {
        font-size: 18px;
    }

    .tab li a {
        display: none;
        padding: 7px 0 7px 7px;
    }

    .first1 .img,
    .first1 .tbox {
        width: 100%;
    }

    .first2 .implant1 .t1 {
        padding: 10px 0;
        text-align: left;
    }
}

.h2h {
    margin-bottom: 35px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}

.h2h .e {
    display: block;
    font-size: 42px;
    color: #c29a81;
    line-height: 120%;
}

.h2h .e::after {
    content: "";
    width: 60px;
    height: 1px;
    display: block;
    margin: 10px auto;
    background: #573d30;
}

.home1 .txt {
    max-width: 750px;
    margin: 0 auto;
    padding: 0 0 20px 0;
}

.home1 p {
    padding: 0 0 20px 0;
}

.home1 .yt {
    margin-bottom: 10px;
    position: relative;
}

.home1 .yt::before {
    content: "";
    display: block;
    padding-bottom: 57%;
}

.home1 .yt iframe,
.home1 .yt img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    left: 0;
}

.home1 .box {
    width: calc((100% - 120px) / 3);
    margin: 20px;
}

.home1.home1-recruit .box {
    width: 50%;
}

.home1 .movie-accordion {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 20px;
}

.home1 .movie-accordion .acc-btn_mobile2 {
    width: 200px;
    display: none;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 30px 10px 10px;
    color: #c29a81;
    text-align: center;
    border: 2px solid #c29a81;
    border-radius: 5px;
    background-color: white;
    position: relative;
}

.home1 .movie-accordion .acc-btn_mobile2::before {
    content: "";
    width: 20px;
    height: 2px;
    display: block;
    background-color: #c29a81;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: absolute;
    top: 22px;
    right: 10px;
}

.home1 .movie-accordion .acc-btn_mobile2::after {
    content: "";
    width: 20px;
    height: 2px;
    display: block;
    background-color: #c29a81;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 22px;
    right: 10px;
}

.home1 .movie-accordion.action .acc-btn_mobile2::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.home1 .movie-accordion .box-02 {
    width: calc(50% - 20px);
}

.vmore a {
    display: inline-block;
    padding: 8px 40px 8px 20px;
    color: #fff;
    background: #bb8e73 url(/import/tenant_4/153.126.203.189/html/images/vmore.png) calc(100% - 10px) center no-repeat;
}

.home1 .vmore {
    padding: 20px 0 40px 0;
    text-align: center;
}

@media (max-width: 1024px) {
    .home1.home1-recruit .box {
        width: 70%;
    }
}

@media (max-width: 599px) {
    .home1.home1-recruit .box {
        width: 90%;
    }
}

.home2 {
    position: relative;
}

.home2 .wrap {
    width: 48%;
    max-width: 390px;
    margin-bottom: 20px;
}

.home2 .inner {
    max-width: 1040px;
}

.home2 .vmore {
    padding: 0 0 20px 0;
    text-align: center;
}

.home2 dt {
    float: left;
}

.home2 dd {
    padding: 0 0 0 123px;
}

.home2 dl {
    padding: 10px 0 2px 0;
    border-bottom: 1px solid #707070;
}

.home2 .table {
    padding-bottom: 35px;
}

.home2::before {
    content: "";
    width: 50%;
    height: 100%;
    background: #e6d9ca;
    position: absolute;
    top: 0;
    left: 50%;
}

.home2::after {
    content: "";
    width: 100%;
    height: 30px;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(transparent));
    background: linear-gradient(to top, #fff, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.home3 {
    padding-top: 20px;
    position: relative;
}

.bkimgs {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bkimgs img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.home3 li {
    width: 49%;
    margin: 0 2% 24px 0;
    position: relative;
}

.home3 li a {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
}

.home3 li:nth-of-type(2n) {
    margin-right: 0;
}

.home3 li .bkimgs {
    border: 1px solid;
    background: #fff;
    z-index: 0;
}

.home3 li .bkimgs>* {
    height: 100%;
}

.home3 li .bkimgs img {
    opacity: 0.3;
}

.home3 .inner+div {
    background: #f9f6f1;
}

.home3 .inner+div img {
    height: auto !important;
}

.home3 dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    margin-right: 16px;
    padding: 20px 45px 20px 30px;
    color: #fff;
    border-radius: 0 30px 30px 0/0 50% 50% 0;
    background: rgba(0, 0, 0, 0.6);
}

.home3 dt .fs20 {
    padding-left: 3px;
}

.home3 dd {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #393939;
}

.home3 dd .sub {
    font-size: 120%;
}

.home3 dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 8% 0;
}

.home3 li a:hover {
    background: rgba(255, 255, 255, 0.6);
}

/*.home3 li a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
*/
/*.home3 li:before {
    content: "";
    width: 1px;
    display: block;
    margin-left: -1px;
    padding-bottom: 30%;
}
*/
.home4 .tbox {
    width: 62%;
}

.home4 .img {
    width: 33.5%;
    padding: 0 0 20px 0;
}

.home4 .tbox p {
    padding: 0 0 20px 0;
}

.home4 .img div {
    padding-bottom: 63%;
}

.home4 .tbox .vmore {
    padding-top: 20px;
}

.home5 {
    padding-top: 20px;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
}

.home5 .bkimgs img {
    opacity: 0.25;
}

.home5 .tbox {
    width: 100%;
    max-width: 670px;
    float: right;
}

.home5 .tbox p {
    padding: 0 0 20px 0;
}

.home5 .tbox .vmore {
    padding-top: 20px;
}

.home6 {
    background: #f9f6f1;
}

.home6 li {
    width: 32%;
    margin: 0 2% 50px 0;
}

.home6 li:nth-child(3n) {
    margin-right: 0;
}

.home6 li a {
    width: 100%;
    height: 100%;
    display: block;
    color: #573d30;
    letter-spacing: -6px;
    background: url(/import/tenant_4/153.126.203.189/html/images/home/check.png) 18px 50% no-repeat #e6d9ca;
}

.home6 li .t {
    width: 76%;
    display: inline-block;
    vertical-align: middle;
    line-height: 130%;
    letter-spacing: 0;
    text-align: center;
}

.home6 li .img {
    width: 24%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.home6 li .img .i {
    width: 100%;
    height: 100%;
    display: block;
}

.home6 li .img .i img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.home7 {
    position: relative;
}

.home7 .flex {
    max-width: 770px;
    margin: 0 auto;
}

.home7::before {
    content: "";
    background: #f9f6f1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
}

.home7 li {
    width: 48%;
    margin: 0 4% 35px 0;
    background: #e6d9ca;
}

.home7 li:nth-child(2n) {
    margin-right: 0;
}

.home7 li .p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    padding: 10px 25px 10px 20px;
    color: #fff;
    border-radius: 0 30px 30px 0/0 50% 50% 0;
    background: rgba(0, 0, 0, 0.6);
}

.home7 li p {
    padding: 15px 0;
}

.home7 .bkimgs img {
    height: auto !important;
}

.home8 {
    position: relative;
}

.home8::before {
    content: "";
    background: #f9f6f1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home8 .greet .tbox {
    width: 67%;
}

.home8 p {
    padding: 0 0 20px 0;
}

.home8 .vmore {
    padding-bottom: 80px;
    text-align: center;
}

.home8 .greet .img {
    width: 25%;
    padding: 0 0 20px 0;
}

.home8 .greet .img div {
    padding-bottom: 148%;
}

.home8 .greet .sign {
    padding-top: 20px;
}

.home8 .left {
    width: 47%;
}

.home8 .right {
    width: 46%;
}

.home8 .left table {
    width: 100%;
    margin-top: -25px;
    border-collapse: collapse;
}

.home8 .left th {
    width: 110px;
    vertical-align: top;
    padding: 25px 1em 25px 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    color: #573d30;
    text-align: left;
    border-bottom: 1px solid #989896;
}

.home8 .left td {
    width: 397px;
    padding: 25px 0;
    border-bottom: 1px solid #989896;
}

.home8 .left dt {
    float: left;
    color: #573d30;
}

.home8 .left dd {
    padding: 0 0 0 7em;
}

.home8 .left tr:last-child td,
.home8 .left tr:last-child th {
    border: none;
}

.home8 .right .h3 {
    margin-bottom: 20px;
}

.home8 .right dl {
    padding: 0 0 30px 0;
}

.home8 .right .flexb {
    padding-bottom: 10px;
}

.home8 .right .flexb .tbox {
    width: 67%;
}

.home8 .right .flexb .img {
    width: 28%;
    padding: 0 0 20px 0;
}

.home8 .right .flexb .img div {
    padding-bottom: 134%;
}

.home9 .box {
    width: 31%;
    margin: 0 3.5% 20px 0;
}

.home9 .box:nth-child(3n) {
    margin-right: 0;
}

.home9 .box .img {
    padding: 0 0 5px 0;
}

.home9 .box .img a {
    display: block;
    padding-bottom: 62%;
    position: relative;
}

.home9 .box p {
    border-bottom: 2px solid #b0aca7;
}

.home9 .box p .day {
    display: inline-block;
    padding: 0 1em 0 0;
    color: #573d30;
}

.home9 .box p a {
    display: inline-block;
}

.home9 .vmore {
    padding: 20px 0;
    text-align: center;
}

.home10 {
    padding: 0 0 43px 0;
    background: #fff;
}

.home10 .in {
    position: relative;
}

.home10 .in::before {
    content: "";
    width: 1px;
    margin-left: -1px;
    padding-bottom: 34%;
}

.home10 .bkimgs {
    z-index: 0;
}

.home10 .inner {
    max-width: 1300px;
    z-index: 1;
}

.home10 .mco {
    padding: 0 0 20px 0;
}

.home10 .mco .h2 {
    margin-bottom: 20px;
    font-weight: normal;
    text-align: center;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

.home10 .mco .vmore {
    padding: 0 0 20px 0;
    text-align: center;
}

.home10 .mco .vmore a {
    background-image: url(/import/tenant_4/153.126.203.189/html/images/home/remore.png);
}

.home10 .bottom {
    margin-top: 30px;
    position: relative;
}

.home10 .bottom .list-wrap .left {
    width: 30%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}

.home10 .bottom .list-wrap .center {
    width: 100%;
}

.home10 .bottom .list-wrap .right {
    width: 30%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    position: relative;
    z-index: 1;
}

.home10 .bottom .list-wrap .position {
    width: 20%;
    -webkit-transform: rotate(5deg) translateY(-70%);
    transform: rotate(5deg) translateY(-70%);
    position: absolute;
    right: 0;
    z-index: 0;
}

@media (max-width: 1024px) {
    .home1 .box {
        width: calc((100% - 30px) / 3);
        margin: 5px;
    }

    .home1 .movie-accordion {
        margin: 5px;
    }

    .home1 .movie-accordion .box-02 {
        width: calc(50% - 10px);
    }

    .home6 li {
        min-height: 70px;
        margin-bottom: 30px;
    }

    .home10 .bottom .list-wrap .left,
    .home10 .bottom .list-wrap .right {
        width: 25%;
    }

    .home10 .bottom .list-wrap .position {
        width: 20%;
    }
}

@media (max-width: 559px) {
    .home1 .movie-accordion .acc-btn_mobile2 {
        display: block;
    }

    .home1 .movie-accordion .box-02 {
        width: 100%;
    }

    .home1 .movie-accordion .box-02+.box-02 {
        margin-top: 30px;
    }

    .home8 .left th {
        width: 150px;
    }

    .home10 .bottom {
        margin-bottom: 120px;
    }

    .home10 .bottom .list-wrap {
        position: relative;
    }

    .home10 .bottom .list-wrap .left {
        width: 30%;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        position: absolute;
        left: 0;
    }

    .home10 .bottom .list-wrap .center {
        width: 90%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
        z-index: 3;
    }

    .home10 .bottom .list-wrap .right {
        width: 30%;
        position: absolute;
        right: 0;
    }

    .home10 .bottom .list-wrap .position {
        display: none;
    }
}

.home11 {
    position: relative;
}

.home11 .bkimgs {
    background: #fff;
}

.home11 .bkimgs img {
    opacity: 0.25;
}

.home11 .left {
    width: 45%;
}

.home11 .right {
    width: 45%;
    text-align: center;
}

.home11 .right .maps {
    margin-bottom: 20px;
    padding-bottom: 56%;
    border: #c6c6c6 1px solid;
    position: relative;
}

.home11 .right .maps iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home11 .right ul {
    display: inline-block;
    padding: 0 0 20px 0;
    text-align: left;
}

.home11 .vmore {
    padding: 0 0 20px 0;
    text-align: center;
}

.home11 .left .h3,
.home11 .left .h4 {
    margin-bottom: 10px;
    font-weight: normal;
}

.home11 .left table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    border-top: #bebfbf 1px solid;
    border-bottom: #bebfbf 1px solid;
}

.home11 .left tbody th {
    width: 90px;
    font-weight: normal;
    font-size: 14px;
    color: #573d30;
    text-align: left;
}

.home11 .left thead th {
    font-weight: normal;
    font-size: 14px;
    color: #573d30;
    text-align: left;
    border-bottom: #bebfbf 1px solid;
}

.home11 .left thead th+th {
    text-align: right;
}

.home11 .left td {
    width: 40px;
    font-size: 14px;
    color: #573d30;
    text-align: right;
}

.home11 .left .time {
    padding: 0 0 20px 0;
}

.home11 .left dt {
    color: #573d30;
}

.home11 .left .tel {
    font-weight: bold;
}

.home11 .left .tel a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    color: #573d30;
}

.home11 .left .tel a img {
    margin-right: 0.3em;
}

.home11 .left dd {
    color: #573d30;
}

.home11 .left dl {
    padding-bottom: 10px;
}

.home11 .left .s {
    padding: 0 0 20px 0;
    color: #573d30;
}

.home12 {
    background: #fff;
}

.home12 .inner {
    width: 100%;
    max-width: 1300px;
}

.facility-slider>.uk-slidenav-position {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* .home12 .img {
    width: 50%;
    padding-bottom: 3%;
}



.home12 ul {
    width: 46%;
}

.home12 li {
    width: 30%;
    margin: 0 5% 0 0;
}

.home12 li:nth-child(3n) {
    margin-right: 0;
}

.home12 li div {
    padding-bottom: 66.5%;
    position: relative;
} */

.common-gallery .sub_pic {
    height: 100%;
}

.common-gallery .title_box {
    min-width: 200px;
    display: block;
    padding: 10px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    bottom: 20%;
    left: 15%;
}

.common-gallery ul {
    width: 100%;
    height: 100%;
    display: -ms-grid;
    display: grid;

    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px 10px;
    grid-template-areas: ". . . ."
        ". . . ."
        ". . . ."
        ". . . ."
        ". . . .";
}

.home12 .vmore {
    padding: 0 0 20px 0;
    text-align: center;
}

.home12 .img div {
    padding-bottom: 68%;
}

.home13 {
    position: relative;
}

.home13 .inner {
    max-width: 1065px;
}

.home13 .left,
.home13 .right {
    width: 48%;
}

.home13 .left div,
.home13 .right div {
    padding-bottom: 135%;
    position: relative;
}

.home13 .left .ca-btn {
  padding-bottom: 0;
}

.home13 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home13 .inner p {
    padding: 20px 0;
    color: #573d30;
    text-align: center;
}

.home13::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home13 .bk_imgs {
    padding-bottom: 23%;
    opacity: 0.18;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.home14 li {
    position: relative;
}


.home14 li::before {
    content: "";
    width: 1px;
    margin-left: -1px;
    padding-bottom: 32.5%;
}

.home14 li a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-filter: drop-shadow(0 0 5px #dcd5cc);
    filter: drop-shadow(0 0 5px #dcd5cc);
}

.home14 li a img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.home14 li a .p {
    overflow: hidden;
    border-radius: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.home14 li .w {
    min-width: 190px;
    display: inline-block;
    padding: 20px 25px 20px 20px;
    color: #fff;
    text-align: center;
    border-radius: 0 40px 40px 0/0 50% 50% 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.home15 {
    background: #f9f6f1;
}

.home15 .inner {
    max-width: 1000px;
}

.home15 li {
    margin-bottom: 18px;
}

.home15 li a {
    display: block;
    /* 
      filter: drop-shadow(0 0 5px #dcd5cc);*/
}

.home15 .flex li {
    width: 32%;
    margin: 0 2% 0 0;
}

.home15 .flex li:nth-child(3n) {
    margin-right: 0;
}

.home15 .foot_img {
    padding-bottom: 25%;
    position: relative;
}

.home15 .s {
    margin-top: 2%;
}

.home15 .s .orth1+.orth1 {
    margin-top: 2%;
}

/*.home15 li a {
    padding-bottom: 20%;
    position: relative;
}

.home15 li a img {
    width: 100%;
    height: 100% !important;
    
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}*/
/*.home15 .flex li a {
    padding-bottom: 100%;
}*/
@media (max-width: 1024px) {
    .h2h {
        font-size: 18px;
    }

    .h2h .e {
        font-size: 34px;
    }

    .home3 li {
        width: 100%;
    }

    .home3 dd {
        display: block;
        padding: 5px 10px 5px 5px;
        font-size: 18px;
    }

    .home3 dl {
        max-width: 99%;
        padding: 4% 0;
    }

    .home3 dt {
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 0 20px 20px 0/0 50% 50% 0;
    }

    .home6 li {
        width: 48%;
        max-width: 355px;
        margin-right: 0;
    }

    .home6 ul {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .home6 li a {
        background-position-x: 5px;
    }

    .home8 .left th {
        width: 150px;
        padding-left: 0;
    }

    .home12 .inner {
        width: 96%;
    }
    
    .common-gallery .title_box {
        padding: 5px;
        font-size: 16px;
    }

    .home14 li {
        font-size: 16px;
    }

    .home14 li .w {
        padding: 10px 15px 10px 5px;
        border-radius: 0 30px 30px 0/0 50% 50% 0;
    }
}

@media (max-width: 599px) {
    .home1 .box {
        width: 100%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .home2 .wrap {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .home3 dt {
        padding: 10px 25px 10px 20px;
    }

    .home3 dd {
        font-size: 16px;
    }

    .home4 .img,
    .home4 .tbox {
        width: 100%;
    }

    .home6 li {
        width: 100%;
        margin-bottom: 15px;
    }

    .home7 li .t {
        display: block;
        padding: 8px 2.5% 0 2.5%;
        text-align: center;
    }

    .home7 li .p {
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 0 20px 20px 0/0 50% 50% 0;
    }

    .home8 .greet .tbox,
    .home8 .greet .img {
        width: 100%;
    }

    .home8 .left {
        width: 100%;
    }

    .home8 .right {
        width: 100%;
        padding-top: 30px;
    }

    .home10 .mco {
        padding-bottom: 0;
        position: relative;
    }

    .home10 .mco .vmore {
        padding-bottom: 0;
    }

    .home11 .left,
    .home11 .right {
        width: 100%;
    }

    /*     .home12 .img {
    width: 100%;
}

.home12 ul {
    width: 100%;
    padding-bottom: 15px;
} */

    .home12 .inner {
        width: 94%;
    }

    /*     .home12 li {
    margin-bottom: 15px;
} */

    .common-gallery .title_box {
        min-width: 150px;
    }

    .home13 .left {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        /* -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; */
    }

    .home13 .right {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 20px;
    }
    .home13 .left .ca-btn {
        order: 3;
        width: 100%;
        margin-top: 20px;
    }
    
    .home13 .left div {
        order: 2;
        width: 100%;
    }
    
    .home13 .inner .left p {
        order: 1;
        width: 100%;
    }


    .home14 li {
        width: 100%;
    }

    .home15 .flex li {
        width: 100%;
        margin: 0 0 2% 0;
    }
}

/* INFORMATION作り直し */
.list-information li a {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.2);
    position: relative;
}

.list-information li a .list-information-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.list-information li a .list-information-img .list-information-img-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.list-information li a .list-information-img .list-information-img-inner img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom right;
    object-position: bottom right;
    position: absolute;
    top: 0;
    left: 0;
}

.list-information li a .list-information-title {
    min-width: 240px;
    display: inline-block;
    margin: 50px 0;
    padding: 20px 25px 20px 20px;
    font-size: 20px;
    color: white;
    border-radius: 0 40px 40px 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 1;
}

@media (max-width: 1024px) {
    .list-information li a .list-information-title {
        min-width: 210px;
        padding: 10px 15px 10px 15px;
        font-size: 16px;
    }
}

/*院長紹介*/
#staff .tit {
    padding-bottom: 40px;
}

.staff1box {
    /* padding-bottom: 30%; */
    position: relative;
}

.staff1box div img {
    /* position: absolute; */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.certificate-image:hover {
    cursor: pointer;
}

.imwap {
    position: relative;
}

.wrap10 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.wrap13 {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.staff1box {
    width: 100%;
    margin-bottom: 100px;
}

.staff1box .imwap {
    padding-bottom: 20%;
}

.staff1box2 .img {
    width: 25%;
}

.staff1box2 .imwap {
    padding-bottom: 148%;
}

.staff1box2 .tbox {
    width: 68%;
}

.staff1box2 .sign {
    padding-top: 40px;
}

.staff1box3 {
    margin-bottom: 20px;
}

.staff1box3 dl {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #b0aca8;
}

.staff1box3 dt {
    width: 11%;
    font-weight: bold;
    color: #573d30;
}

.staff1box3 dd {
    width: 85%;
}

.staff1box4 {
    margin-bottom: 40px;
    padding: 20px 0 30px 0;
}

.staff1box4 h4.w {
    min-width: 190px;
    display: inline-block;
    padding: 20px 25px 20px 20px;
    color: #fff;
    text-align: center;
    border-radius: 0 40px 40px 0/0 50% 50% 0;
    background: rgba(0, 0, 0, 0.6);
}

.staff1box4 dl {
    padding-bottom: 15px;
}

.staff1box4 dt {
    width: 15%;
}

.staff1box4 dd {
    width: 85%;
}

.staff2 {
    padding-bottom: 40px;
}

.staff2 .flexb {
    padding-bottom: 40px;
}

.staff2 .flexb .img {
    width: 32%;
    padding-top: 40px;
}

.staff2 .flexb .tbox {
    width: 60%;
    padding-right: 8%;
}

.staff2 .flexb .img .imwap {
    padding-bottom: 82%;
}

.staff2 .flexb:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.staff2 .flexb:nth-of-type(odd) .tbox {
    padding-left: 8%;
    padding-right: 0;
}

.staff2box1 p {
    padding-bottom: 20px;
}

.staff2box1 .img {
    width: 100%;
    padding-bottom: 30px;
}

.staff2box1 .imwap {
    padding-bottom: 55%;
}

@media (max-width: 1024px) {

    .staff1box4 .wrap10.dlbox,
    .wrap10 .inner,
    .wrap13 .inner {
        width: 90%;
    }

    .staff2 .wrap10 {
        width: 93%;
    }
}

@media (max-width: 599px) {
    .staff1 .fs36 {
        font-size: 5vw;
    }

    .staff1box {
        margin-bottom: 50px;
    }

    .staff1box2 .img {
        width: 100%;
        padding-bottom: 30px;
    }

    .staff1box2 .tbox {
        width: 100%;
    }

    .staff1box3 dt,
    .staff1box3 dd {
        width: 100%;
    }

    .staff1box4 dt,
    .staff1box4 dd {
        width: 100%;
    }

    .staff2 .flexb .img {
        width: 100%;
        margin-bottom: 30px;
        padding-top: 0px;
    }

    .staff2 .wrap13,
    .staff2 .wrap10 {
        width: 90%;
    }

    .staff2 .flexb .tbox {
        width: 100%;
        padding-right: 0;
    }

    .staff2 .flexb:nth-of-type(odd) .tbox {
        padding-left: 0;
    }
}

/*スタッフブログ*/
.blog1 {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.blog1 .box {
    width: 32%;
    margin-bottom: 30px;
    margin-right: 2%;
    background: #e6d9ca;
}

.blog1 .box:nth-of-type(3n+3) {
    margin-right: 0;
}

.blog1 .box .imwap {
    padding-bottom: 63%;
}

.blog1 .box .img {
    position: relative;
}

.blog1 .box .img p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    padding: 10px 25px 10px 20px;
    color: #fff;
    border-radius: 0 30px 30px 0/0 50% 50% 0;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 1;
}

.blog1 .box .tbox {
    padding: 20px 15px;
}

.blogcatelist {
    padding-bottom: 10px;
}

.blogcatelist li {
    min-width: 74px;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 3px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
}

.koku2_3 .h5 {
    margin: 0;
    padding: 12px 1% 12px 1%;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: #bb8e73;
    cursor: pointer;
    position: relative;
}

.koku2_3 .bobw {
    width: 45%;
    margin-bottom: 35px;
}

.koku2_3 .box {
    display: none;
    padding: 0;
    position: relative;
}

.koku2_3 .h5::after {
    content: url(/import/tenant_4/153.126.203.189/html/images/blog/bmk.jpg);
    width: 7px;
    height: 14px;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    top: 15px;
    right: 20px;
}

.koku2_3 .h5.active:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 23px;
}

.koku2_3 .box li a {
    display: block;
    padding: 8px 1%;
    text-align: center;
    background-color: #fff;
}

.koku2_3 .box li:nth-of-type(2n) a {
    background-color: #eee;
}

.pagenav {
    width: 100%;
    text-align: center;
}

.pagenav li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px !important;
    padding-bottom: 15px;
}

.pagenav li a {
    display: inline-block;
    padding: 8px 15px;
    color: #fff;
    background-color: #bb8e73;
}

@media (max-width: 599px) {
    .blog1 .box {
        width: 100%;
        margin-right: 0;
    }

    .koku2_3 .bobw {
        width: 100%;
    }
}

/*ブログ詳細*/
.subcont.blogd::before {
    content: none;
}

.blogd1 .titbox {
    background-color: #e6d9ca;
}

.blogd1 .titbox .img {
    width: 35%;
}

.blogd1 .titbox .img p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    padding: 10px 25px 10px 20px;
    color: #fff;
    border-radius: 0 30px 30px 0/0 50% 50% 0;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 1;
}

.blogd1 .titbox .img .imwap {
    padding-bottom: 63%;
}

.blogd1 .titbox .tbox {
    width: 65%;
    padding: 15px 20px 0 20px;
}

.blogd1 .kijibox {
    padding: 60px 25px;
    background-color: #fff;
}

.blogd1 .vmore {
    padding: 100px 0 0 0;
    text-align: center;
}

.blogd1 .kijibox .pdf-wrap {
    padding-top: 100%;
    position: relative;
}

.blogd1 .kijibox .pdf-img {
    display: none;
}

.blogd1 .kijibox object {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.pic-pdf-thumb {
    width: 100%;
    display: block;
    position: relative;
}

.pic-pdf-thumb::after {
    content: "";
    display: block;
    padding-top: 133.1597%;
}

.pic-pdf-thumb img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1024px) {
    .blogd1 .kijibox .pdf-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 599px) {

    .blogd1 .titbox .img,
    .blogd1 .titbox .tbox {
        width: 100%;
    }

    .blogd1 .titbox .img p {
        margin-top: 10px;
        position: relative;
        bottom: auto;
    }
}

/*ニュース*/
.news1 {
    position: relative;
    z-index: 1;
}

.newsbox {
    min-height: 152px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #fff;
    position: relative;
}

.newsbox .w {
    min-width: 115px;
    display: inline-block;
    margin-top: 40px;
    padding: 5px 20px 5px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    text-align: left;
    border-radius: 0 20px 20px 0/0 50% 50% 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.newsbox .blogcatelist {
    padding-left: 10px;
}

.newsbox .blogcatelist li {
    background-color: #e6d9ca;
}

.newsbox .left {
    width: 15%;
}

.newsbox .right {
    width: 85%;
    padding: 40px 2% 70px 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.newsbox .right .bkmk {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

@media (max-width: 1024px) {
    .newsbox .left {
        width: 100%;
    }

    .newsbox .right {
        width: 100%;
        padding-top: 0;
    }
}

@media (max-width: 599px) {
    .newsbox .right {
        padding-bottom: 20px;
    }

    .newsbox .right .bkmk {
        width: 100%;
        padding-top: 15px;
        text-align: center;
        position: relative;
        bottom: 0;
        right: 0;
    }
}

/*かめい歯科通信*/
.kame1 .item-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 20px 0 20px 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
}

.kame1 .blogcatelist {
    padding-left: 10px;
    position: relative;
    z-index: 1;
}

.kame1 .blogcatelist li {
    background-color: #e6d9ca;
}

.kame1 .item .pic2-wrap a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.kame1 .item .pic2 {
    width: calc(100% + 17px);
    text-align: center;
    position: relative;
}

.kame1 .item .pic2-nobar {
    width: 94%;
    overflow: hidden;
}

.kame1 .item .pic2::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.kame1 .item .pic2 .object-pdf {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.kame1 .item .pic2 .object-pdf::before {
    content: "";
    display: block;
    padding-top: calc(133.333% + 33px);
}

.kame1 .item .pic2 .object-pdf object {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -55px;
    bottom: 0;
    left: 0;
    right: 0;
}

.kame1 .item dl {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.kame1 .item dt {
    padding-bottom: 10px;
    text-align: center;
}

.kame1 .item dd {
    min-width: 100px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 13px;
    background-color: #bb8e73;
}

@media (max-width: 1024px) {
    .kame1 .item .pic2-wrap {
        margin: -40px auto 20px;
    }

    .kame1 .item .pic2 .object-pdf::before {
        padding-top: 133.333%;
    }

    .kame1 .item .pic2 .object-pdf object {
        top: 0;
    }
}

/*かめい歯科通信詳細*/
.pdf {
    padding: 50px 0 0 0;
    text-align: center;
}

.pdf a {
    min-width: 270px;
    display: inline-block;
    padding: 10px 0px 10px 10px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background-color: #606060;
}

.pdf a img {
    margin-left: 10px;
}

/*費用について*/
.list-price-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list-price-link li {
    width: 48%;
    margin: 1%;
}

.list-price-link li a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 22px;
    color: #c29a81;
    letter-spacing: 0.1em;
    border: 2px solid #c29a81;
    border-radius: 10px;
    background-color: white;
}

.list-price-link li a:hover {
    color: white;
    background-color: #c29a81;
    opacity: 1;
}

.list-price-link li.deduction a {
    color: white;
    border: 2px solid rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0.6);
}

.list-price-link li.deduction a:hover {
    color: rgba(0, 0, 0, 0.6);
    background-color: white;
}

.list-price-link li a .en+.ja {
    font-size: 60%;
}

#cost .tit {
    padding-bottom: 20px;
}

.cost1 .inner {
    position: relative;
    z-index: 1;
}

.cost1 .titimg+p {
    padding: 10px 0 50px 0;
}

.costlist {
    padding: 20px 0 60px 0;
}

.costlist:last-of-type {
    padding-bottom: 0;
}

.costlist .box {
    width: 48%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #b0aca8;
}

.costlist .box dt,
.costlist .box dd {
    font-weight: bold;
    color: #573d30;
}

.costlist .box dl {
    width: 100%;
    padding-bottom: 10px;
}

.costlist .box dt {
    width: calc(100% - 190px);
}

.costlist .box .dt-wide dt {
    width: 100%;
}

.costlist .box dd {
    width: 180px;
    text-align: right;
}

.coh4 {
    margin-bottom: 0;
    padding: 5px 0 5px 24px;
    font-weight: normal;
    color: #fff;
    background-color: #bb8e73;
}

.cost2box {
    padding-bottom: 60px;
    position: relative;
}

.work1.cost2 h4 {
    margin: 0;
}

.cost2box .w {
    min-width: 115px;
    display: inline-block;
    margin-top: 40px;
    padding: 20px 20px 20px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    font-size: 20px;
    color: #fff;
    text-align: left;
    border-radius: 0 40px 40px 0/0 50% 50% 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
}

.cost2box .tbox {
    width: 94%;
    margin: 0 auto;
}

.cost2box .cal li {
    width: 28%;
    padding: 25px 10px;
    color: #573d30;
    text-align: center;
    border: 1px solid #573d30;
    position: relative;
}

.cost2box .cal li.a1 {
    border: none;
    background-color: #e6d9ca;
}

.cost2box .cal li.a1::after {
    content: "=";
    position: absolute;
    top: 40%;
    right: -15%;
}

.cost2box .cal li.a2:after {
    content: "−";
    position: absolute;
    top: 40%;
    right: -18%;
}

.cost2box h4.h3s,
.cost2box h4.h3p {
    margin-bottom: 40px;
    font-size: 18px;
}

.costlist1 {
    width: 80%;
    margin: 0 auto;
}

.cost2box2 li {
    width: 48%;
    padding-bottom: 30px;
    font-size: 18px;
}

.cost2box2 .nayami {
    width: 80%;
    background-color: #fff;
}

#cost .titimg {
    padding-bottom: 18%;
    position: relative;
}

#cost .titimg img {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (max-width: 1024px) {
    .list-price-link li a {
        font-size: 16px;
    }

    .costlist .box dt {
        width: 100%;
    }

    .costlist .box dd {
        width: 100%;
        text-align: left;
    }
}

@media (max-width: 599px) {
    .list-price-link li {
        width: 98%;
    }

    .costlist {
        padding: 20px 15px 60px;
    }

    .costlist li,
    .costlist .box {
        width: 100%;
    }

    .costlist1 {
        width: 100%;
    }

    .costlist1 li {
        width: 100%;
    }

    .cost2box .nayami {
        width: 100%;
    }

    .cost2box:last-of-type {
        padding-bottom: 0;
    }

    .cost2box h4.h3s {
        margin-bottom: 20px;
    }
}

/*求人情報*/
#recruit {
    position: relative;
}

#recruit::before {
    content: "";
    width: 100%;
    height: 280px;
    background: #e6d9ca;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.rec1 .inner {
    max-width: 1000px;
    padding: 35px 0;
}

#recruit .home10 {
    background: none;
}

#recruit .home10 .mco .h2 {
    text-shadow: 0 0 5px #f0e8de, 0 0 5px #f0e8de, 0 0 5px #f0e8de, 0 0 5px #f0e8de;
}

.rec1 .img {
    padding-bottom: 20%;
    position: relative;
}

.rec1 .img a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.rec1 .img a img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.rec2 {
    position: relative;
}

.rec2 .in {
    max-width: 900px;
    margin: 0 auto;
}

.rec2 .h3 {
    margin-bottom: 20px;
    font-weight: normal;
}

.rec2 .h3 .e {
    display: block;
    padding: 0 0 15px 0;
    color: #c29a81;
}

.rec2 .in p {
    padding: 0 0 20px 0;
}

.rec2 .in .txt {
    max-width: 450px;
}

.rec2 .img1 {
    width: 49%;
    margin-top: -130px;
    margin-left: -50px;
    padding: 0 0 20px 0;
    opacity: 0.5;
    position: relative;
    z-index: -1;
}

.rec2 .img1 div {
    padding-bottom: 66.5%;
    position: relative;
}

.rec2 .img2 {
    width: 1300px;
    height: 326px;
    opacity: 0.4;
    position: absolute;
    top: 50px;
    left: 35%;
    z-index: -1;
}

@media (max-width: 1024px) {
    .rec2 .img2 {
        height: 100%;
        top: 0;
        left: 0;
    }
}

@media (max-width: 599px) {
    .rec2 .img2 {
        width: auto;
    }

    .rec2 .img2 img.imgo {
        -o-object-position: 0% 0%;
        object-position: 0% 0%;
        font-family: "object-fit: cover; object-position: 0% 0%;";
    }
}

.rec3 .innav li a {
    min-width: 120px;
    display: block;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    background: #bb8e73;
}

.rec3 .inner {
    max-width: 1000px;
}

.rec3 .innav {
    padding-bottom: 35px;
}

.rec3 .innav li {
    margin: 0 2% 20px 2%;
}

.rec3 .wrap {
    overflow: hidden;
    margin-bottom: 50px;
    padding: 45px 2%;
    background: #fff;
}

.rec3 .wrap .in {
    max-width: 864px;
    margin: 0 auto;
}

.rec3 .wrap .tbox {
    width: 51%;
}

.rec3 .wrap p {
    padding: 0 0 20px 0;
}

.rec3 .wrap .h5 {
    margin-bottom: 20px;
}

.rec3 .wrap .img {
    width: 44%;
    padding: 0 0 20px 0;
}

.rec3 .wrap .flexb {
    padding: 0 0 20px 0;
}

.rec3 .wrap:nth-child(2n) .flexb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.rec3 .wrap .txt {
    padding: 0 0 20px 0;
}

.rec3 .h5 .w {
    min-width: 120px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    background: #bb8e73;
}

.rec3 table {
    width: 100%;
    border-collapse: collapse;
}

.rec3 th {
    width: 105px;
    vertical-align: top;
    padding: 20px 1em 20px 0;
    color: #573d30;
    text-align: left;
    border-bottom: 1px solid #bfbfbf;
}

.rec3 td {
    width: 770px;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #bfbfbf;
}

.rec3 td a {
    color: #333;
}

.rec3 .tito {
    margin-bottom: 30px;
}

@media (max-width: 599px) {
    .rec3 .wrap {
        padding-left: 4%;
        padding-right: 4%;
    }

    .rec3 .wrap .img,
    .rec3 .wrap .tbox {
        width: 100%;
    }

    .rec3 th {
        width: 100%;
        display: block;
        padding-bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
    }

    .rec3 td {
        width: 100%;
        display: block;
        padding-top: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #recruit .home10 {
        padding-top: 30px;
    }
}

/*contact*/
#contact .wt {
    margin-bottom: 75px;
    padding: 40px 2.5%;
    background: #fff;
    position: relative;
    z-index: 1;
}

#contact .inner {
    max-width: 1000px;
}

.conta1 ul {
    padding: 0 0 30px 0;
}

.conta1 li {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5% 20px 0;
    padding: 12px 2.5%;
    color: #573d30;
    text-align: center;
    border: 1px solid #8c8c8c;
    position: relative;
}

.conta1 li:nth-child(3n) {
    margin-right: 0;
}

#contact .h3s {
    margin-bottom: 60px;
}

.conta1 li::before {
    content: "";
    width: 15px;
    height: 17px;
    background: url(/import/tenant_4/153.126.203.189/html/images/contact/cont_next.png) 0 0 no-repeat;
    position: absolute;
    left: -10%;
}

.conta1 li:first-child {
    border-color: #e6d9ca;
    background: #e6d9ca;
}

.conta1 li:first-child::before {
    display: none;
}

.conta1 .wrap {
    padding: 40px 4% 0 4%;
    border: 1px solid #7d7d7d;
    border-radius: 5px;
}

.conta1 .wrap dl {
    max-width: 600px;
    margin: 0 auto;
}

.conta1 .wrap dt {
    padding: 0 0 20px 80px;
    color: #573d30;
    position: relative;
}

.conta1 .wrap dt .st {
    position: absolute;
    top: 0;
    left: 0;
}

.conta1 .wrap dd {
    padding: 0 0 20px 80px;
}

.conta1 .wrap dl+dl {
    padding-top: 10px;
}

.conta1 .chyu {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 20px 1% 0 1%;
    border: 2px solid #c29a81;
    background: #e6d9ca;
}

.conta1 .chyu p {
    padding: 0 0 20px 0;
    text-align: center;
}

.conta1 .is {
    text-align: center;
}

.conta1 .is .w {
    display: inline-block;
    padding: 10px 2.5%;
    color: #fff;
    background: #bb8e73;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
}

.conta1 .is .w a {
    color: #fff;
}

#contact .wt.conta1 {
    padding-bottom: 80px;
}

.conta2 .h4 {
    margin-bottom: 20px;
    line-height: 140%;
}

.conta2 .img {
    width: 58%;
    padding: 0 0 20px 0;
}

.conta2 .img div {
    padding-bottom: 127%;
    position: relative;
}

.conta2 .tbox {
    width: 36%;
    padding: 60px 0 0 0;
}

.conta2 p {
    padding: 0 0 20px 0;
}

.conta2 .lmore a {
    display: inline-block;
    padding: 20px 2em;
    color: #fff;
    border-radius: 30px /50%;
    background: #00b900;
}

.conta2 .img div p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    padding: 10px 2em 10px 20px;
    color: #fff;
    border-radius: 0 30px 30px 0/0 50% 50% 0;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 1;
}

.conta2 .flexb {
    padding: 0 0 50px 0;
}

.conta2 .chyu {
    margin-bottom: 25px;
    padding: 20px 3%;
    border: 2px solid #c29a81;
    background: #e6d9ca;
}

.conta2 .chyu .h4 {
    max-width: 760px;
    margin: 0 auto 20px auto;
}

.conta2 .chyu ul {
    max-width: 760px;
    margin: 0 auto;
}

.conta2 .chyu li {
    padding: 0 0 20px 38px;
    font-size: 18px;
    color: #573d30;
    position: relative;
}

.conta2 .chyu li::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(/import/tenant_4/153.126.203.189/html/images/check.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3em;
    left: -0.1em;
}

@media (max-width: 1024px) {
    .conta2 .img {
        width: 45%;
    }

    .conta2 .tbox {
        width: 50%;
    }
}

@media (max-width: 599px) {
    .conta2 .img {
        width: 100%;
    }

    .conta2 .tbox {
        width: 100%;
        padding-top: 30px;
    }
}

.conta3 table {
    width: 100%;
    border-collapse: collapse;
}

.conta3 .formtable th {
    width: 240px;
    vertical-align: top;
    padding: 20px 0;
    font-weight: normal;
    color: #573d30;
    text-align: left;
}

.conta3 .formtable td {
    width: 600px;
    padding: 15px 0;
}

.conta3 .home11 .left {
    width: auto;
    max-width: 445px;
    margin: 0 auto;
}

.conta3 .forms {
    max-width: 840px;
    margin: 0 auto;
}

.conta3 .formtable th label,
.conta3 .formtable th .w {
    width: 145px;
    display: inline-block;
}

.conta3 .formtable th .h {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.2em;
    color: #fff;
    background: #bb8e73;
}

.conta3 .formtable th .w span {
    display: block;
}

.conta3 .size1 {
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #7d7d7d;
}

.conta3 .formtable {
    margin-bottom: 30px;
}

.conta3 .formtable td li {
    width: calc(100% / 3);
    padding: 0 0 5px 0;
}

.conta3 .home11 {
    padding-bottom: 40px;
}

.conta3 .form_btn {
    padding-bottom: 30px;
}

.conta3 .form_btn #send {
    width: 200px;
    padding: 10px 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    border: none;
    background: #bb8e73;
    cursor: pointer;
}

.conta3 .form_btn li {
    padding: 0 0 20px 0;
    text-align: center;
}

@media (max-width: 599px) {
    .conta3 .formtable th {
        width: 100%;
        display: block;
        padding-bottom: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .conta3 .formtable td {
        width: 100%;
        display: block;
        padding-top: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .conta3 .formtable th label,
    .conta3 .formtable th .w {
        width: auto;
        padding-right: 1em;
    }
}

.orth1 .inner {
    max-width: 1000px;
}

#pediatric .orth1 .inner {
    max-width: 975px;
}

.orth1 .inner .img {
    padding-bottom: 20%;
    position: relative;
}

.orth1 .inner .img a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.orth1 .inner .img img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.s-img {
    text-align: end;
}

.s-tt {
    width: 50%;
    margin: auto;
    padding: 50px;
    background: #e6e0d8;
}

.s-tt p {
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .s-tt {
        width: 80%;
        margin: auto;
        padding: 30px 20px;
    }
}

@media (max-width: 599px) {
    .s-tt {
        width: 100%;
    }

    .orth1 .inner .img {
        padding-bottom: 35%;
    }
}

/*LINE line 共通要素*/
.more-line {
    margin-left: 0;
}

.more-line a {
    color: #fff;
    border-radius: 10px;
    background: #00ba00;
}

.line-intoro {
    position: relative;
    z-index: 0;
}

.line-intoro .img {
    width: 100%;
    height: 100%;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.line-intoro .img .pic {
    height: 100%;
}

.line-intoro .txtbox {
    position: relative;
    z-index: 1;
}

.line-intoro .txtbox .txt {
    color: #573d30;
}

.line-talk .box {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}

.line-talk .box ul {
    padding: 50px 20px;
    background-image: url(/upload/tenant_4/76ea989f2cbf95a5f250b4bb2ba2de53.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.line-talk .box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.line-talk .box ul li+li {
    margin-top: 30px;
}

.line-talk .box ul .talk-l {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 20px;
}

.line-talk .box ul .talk-r {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.line-talk .box ul li .txtbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 10px;
    border-radius: 20px;
    position: relative;
    z-index: 0;
}

.line-talk .box ul .talk-l .txtbox {
    margin-left: 20px;
    background: #fff;
}

.line-talk .box ul .talk-r .txtbox {
    margin-right: 10px;
    background: #a8d181;
}

.line-talk .box ul .talk-l .img {
    width: 80px;
    height: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 50%;
}

.line-talk .box ul .talk-l .img .pic {
    height: 100%;
}

.line-talk .box ul li .time {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}

.line-talk .box ul li .time>* {
    color: #fff;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}

.line-talk .box ul .talk-l .time {
    margin-left: 10px;
}

.line-talk .box ul .talk-r .time {
    margin-right: 10px;
}

@media (max-width: 599px) {
    .line-intoro .img .pic {
        width: 100%;
    }

    .line-talk .box ul .talk-l {
        margin-left: 0;
    }

    .line-talk .box ul li .txtbox {
        padding: 5px 10px;
    }

    .line-talk .box ul li .txtbox div {
        font-size: 14px;
    }

    .line-talk .box ul li .time>* {
        font-size: 12px;
    }

    .line-talk .box ul .talk-l .img .pic {
        width: 100%;
    }
}

.line-consultation {
    background: #e6d9ca;
}

.line-consultation .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.line-consultation .box .left {
    width: 50%;
}

.line-consultation .box .right {
    width: 46%;
}

.line-consultation .box .txtbox ul {
    width: 90%;
    margin: 0 auto;
}

.line-consultation .box .txtbox ul li {
    padding: 0 0 20px 38px;
    color: #573d30;
    background: url(/import/tenant_4/153.126.203.189/html/images/check.png) 0 0 no-repeat;
}

.line-consultation .box .txtbox ul li+li {
    margin-top: 30px;
}

.line-consultation .box .txtbox .sub {
    margin-top: 20px;
    padding: 10px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    background: #573d30;
}

.line-caution .box {
    padding: 40px 20px;
    border: 1px solid #573d30;
    border-radius: 20px;
    background: #fff;
}

.line-caution .box .tit {
    font-size: 30px;
    text-align: center;
}

.line-caution .box ul li {
    padding-left: 1.5em;
    position: relative;
}

.line-caution .box ul li::before {
    content: "★";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.line-caution .box ul li+li {
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .line-consultation .box .left {
        width: 100%;
    }

    .line-consultation .box .right {
        width: 100%;
        margin-top: 10px;
    }

    .line-consultation .box .txtbox ul {
        width: 100%;
    }

    .line-consultation .box .txtbox ul li+li {
        margin-top: 10px;
    }

    .line-caution .box .tit {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .line-caution .box ul li {
        font-size: 14px;
    }
}

@media (max-width: 599px) {
    .line-consultation .box .txtbox ul li {
        font-size: 14px;
    }
}

/*バナーコンテンツ*/
.bnr-content .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    overflow: hidden;
    padding: 20px 50px;
    background: #fff0c6;
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
    position: relative;
    z-index: 0;
}

.bnr-content .box::before {
    content: "";
    border-top: 60px solid #fed2c7;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #fed2c7;
    border-right: 60px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.bnr-content .box::after {
    content: "";
    border-top: 60px solid transparent;
    border-bottom: 60px solid #fed2c7;
    border-left: 60px solid transparent;
    border-right: 60px solid #fed2c7;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.bnr-content .box .txt {
    font-weight: bold;
    font-size: 16px;
    color: #000;
}

.bnr-content .box>* {
    width: calc(100% / 3);
}

.bnr-content .box .img {
    padding-bottom: 0;
}

.bnr-content .box .left .img {
    max-width: 200px;
    margin: auto;
}

.bnr-content .box .center .img {
    max-width: 270px;
    margin: auto;
}

.bnr-content .box .right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.bnr-content .box .right .img {
    position: relative;
    z-index: 0;
}

.bnr-content .box .right .img::before {
    content: "";
    width: 20%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#fff0c6), to(transparent));
    background: linear-gradient(to right, #fff0c6, transparent);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

@media (max-width: 1024px) {
    .bnr-content .box .left .img {
        max-width: 90px;
    }
}

@media (max-width: 599px) {
    .bnr-content .box {
        padding: 10px 20px;
    }

    .bnr-content .box::before {
        border-top: 20px solid #fed2c7;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #fed2c7;
        border-right: 20px solid transparent;
    }

    .bnr-content .box::after {
        border-top: 20px solid transparent;
        border-bottom: 20px solid #fed2c7;
        border-left: 20px solid transparent;
        border-right: 20px solid #fed2c7;
    }

    .bnr-content .box .left .img {
        max-width: 60px;
    }

    .bnr-content .box .txt {
        font-size: 12px;
    }
}

/*cate-content*/
.inner-py-none {
    padding-top: 0;
    padding-bottom: 0;
}

.prevent .item {
    width: 30%;
    margin: 0 20px;
}

.prevent .item a {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background: #bb8e73;
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
    position: relative;
    z-index: 0;
}

.cate-content .item a {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 20px 10px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background: #bb8e73;
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
    position: relative;
    z-index: 0;
}

.cate-content .item a::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 0;
}

@media (max-width: 599px) {
    .prevent .item {
        width: 40%;
    }

    .prevent .item a {
        font-size: 15px;
    }

    .cate-content .item a {
        width: 90%;
        padding: 10px;
        font-size: 18px;
    }

    .cate-content .item a::after {
        right: 10px;
    }
}

/*test-content*/
.test-content .ttlbox {
    margin-bottom: 40px;
    text-align: center;
}

.test-content .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.test-content .inner>div:nth-of-type(n + 3) {
    margin-top: 80px;
}

.test-content .box .imgbox {
    width: 45%;
}

.test-content .box .txtbox {
    width: 50%;
}

.test-content .nayami {
    width: 80%;
    margin-top: 50px;
}

.test-content .nayami ul li {
    background: none;
}

.test-content .nayami ul li .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.test-content .nayami ul li .num {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    font-size: 120%;
}

.test-content .nayami ul li:last-of-type {
    padding: 10px;
    font-size: 16px;
    text-align: center;
    border: #c29a81 2px solid;
    border-radius: 20px;
    background: #fff;
}

.test-content .nayami ul li .head {
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: #c29a81 1px solid;
}

.test-content .nayami ul li .pbox {
    width: 75%;
    margin: 0 auto;
}

@media (max-width: 599px) {
    .test-content .nayami {
        width: 100%;
    }

    .nayami ul li {
        padding-bottom: 40px;
        padding-left: 1.5em;
    }

    .test-content .box .imgbox {
        width: 100%;
    }

    .test-content .box .txtbox {
        width: 100%;
        margin-top: 10px;
    }

    .test-content .nayami ul li {
        padding-left: 0;
    }

    .test-content .nayami ul li .num {
        width: 30px;
        height: 30px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 0.3em;
    }
}

.test-flow {
    margin-top: 50px;
}

.test-flow ul {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}

.test-flow ul li {
    width: 100%;
    position: relative;
    z-index: 0;
}

.test-flow ul li+li {
    margin-top: 40px;
}

.test-flow ul li+li::before {
    content: "\f103";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: -35px;
    left: 50%;
    z-index: 0;
}

.test-flow ul li .item {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px #e1d9d0;
    box-shadow: 2px 2px 5px #e1d9d0;
    position: relative;
    z-index: 0;
}

.test-flow ul li .item .no {
    width: 74px;
    padding: 0;
    font-weight: bold;
    font-size: 36px;
    color: #a89675;
    line-height: 74px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 1;
}

.test-flow ul li .item .img {
    width: 30%;
}

.test-flow ul li .item .txtbox {
    width: 70%;
    padding: 20px;
}

.test-flow ul li .item .txtbox .tit {
    font-weight: bold;
    font-size: 22px;
}

.test-list {
    margin-top: 70px;
}

.test-list>div+div {
    margin-top: 60px;
}

.test-list ul li .item {
    height: 100%;
    padding: 15px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px #e1d9d0;
    box-shadow: 2px 2px 5px #e1d9d0;
}

.test-list ul li .item .txtbox {
    width: 100%;
}

.test-list ul li .item .txtbox .tit {
    padding: 10px 0 0;
    font-weight: bold;
    font-size: 18px;
    color: #a89675;
    text-align: center;
}

.test-list ul li .item .txtbox .txt {
    font-size: 14px;
}

@media (max-width: 1024px) {
    .test-flow ul {
        width: 95%;
    }

    .test-flow ul li .item .no {
        width: 50px;
        font-size: 22px;
        line-height: 50px;
    }

    .test-flow ul li .item .img {
        width: 40%;
    }

    .test-flow ul li .item .txtbox {
        width: 60%;
        padding: 10px;
    }

    .test-flow ul li .item .txtbox .tit {
        font-size: 18px;
    }

    .test-flow ul li .item .txtbox .txt {
        font-size: 14px;
        line-height: 1.5;
    }
}

@media (max-width: 599px) {

    .test-flow ul li .item .img,
    .test-flow ul li .item .txtbox {
        width: 100%;
    }
}

/*child-mouthpiece-content*/
.child-mouthpiece-content .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.child-mouthpiece-content .box .imgbox {
    width: 30%;
}

.child-mouthpiece-content .box .txtbox {
    width: 40%;
    margin-left: 4%;
}

.child-mouthpiece-content .box .txtbox ul li {
    padding-left: 2em;
    background: none;
    position: relative;
    z-index: 0;
}

.child-mouthpiece-content .box .txtbox ul li::before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background-image: url("/upload/tenant_4/eb9a86774705c36e0d8753b0bc38da95.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #c29a81;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

@media (max-width: 599px) {
    .child-mouthpiece-content .box .imgbox {
        width: 90%;
    }

    .child-mouthpiece-content .box .txtbox {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
}

/*attempt-content*/
.attempt-content ul li {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 30px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px #e1d9d0;
    box-shadow: 2px 2px 5px #e1d9d0;
}

.attempt-content ul li+li {
    margin-top: 70px;
}

.attempt-content ul li:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-left: auto;
}

.attempt-content ul li .imgbox {
    width: 26%;
    margin-top: -60px;
}

.attempt-content ul li .imgbox .pic {
    overflow: hidden;
    border-radius: 50%;
}

.attempt-content ul li .txtbox {
    width: 70%;
}

.attempt-content ul li .txtbox .tit {
    margin-bottom: 10px;
    font-size: 20px;
    color: #573d30;
    border-bottom: 2px solid;
}

@media (max-width: 599px) {
    .attempt-content ul li {
        width: 100%;
    }

    .attempt-content ul li+li {
        margin-top: 30px;
    }

    .attempt-content ul li .imgbox {
        width: 70%;
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .attempt-content ul li .txtbox {
        width: 100%;
    }
}

/*general-content*/
.general-content .ttl {
    margin-bottom: 30px;
}

.general-content .ttl h3 {
    margin-bottom: 0;
}

/*general-cause*/
.general-cause {
    position: relative;
    z-index: 0;
}

.general-cause .iconbox .icon:nth-of-type(1) {
    position: absolute;
    top: 50px;
    right: 140px;
    z-index: 0;
}

.general-cause .iconbox .icon:nth-of-type(2) {
    position: absolute;
    top: -90px;
    right: 30px;
    z-index: 0;
}

.general-cause .list {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.general-cause .list .item {
    width: calc(100% / 3);
    position: relative;
    z-index: 0;
}

.general-cause .list .item+.item {
    margin-left: calc(100% / 3);
}

.general-cause .list .item+.item::before {
    content: "";
    width: 100px;
    height: 60px;
    background-image: url("/upload/tenant_4/b1930210bbf2db9aeda18fe01ea0b02a.png");
    background-size: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 45%;
    right: calc(100% - -30%);
    z-index: 0;
}

.general-cause .list .item .txt {
    margin-top: 5px;
}

.general-cause .txtbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    margin-top: 10px;
}

.general-cause .txtbox .left {
    width: 17%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.general-cause .txtbox .left .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    font-size: 24px;
    color: #fff;
    line-height: 1.3;
    text-align: center;
    text-shadow: #e16262 2px 0px 0px, #e16262 -2px 0px 0px, #e16262 0px -2px 0px, #e16262 0px 2px 0px, #e16262 2px 2px 0px, #e16262 -2px 2px 0px, #e16262 2px -2px 0px, #e16262 -2px -2px 0px, #e16262 1px 2px 0px, #e16262 -1px 2px 0px, #e16262 1px -2px 0px, #e16262 -1px -2px 0px, #e16262 2px 1px 0px, #e16262 -2px 1px 0px, #e16262 2px -1px 0px, #e16262 -2px -1px 0px, #e16262 1px 1px 0px, #e16262 -1px 1px 0px, #e16262 1px -1px 0px, #e16262 -1px -1px 0px;
    border: 1px solid #f098b6;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#f098b6), to(#fff));
    background: linear-gradient(to right, #f098b6, #fff);
}

.general-cause .txtbox .right {
    margin-left: 2%;
    right: 68%;
}

.general-cause .txtbox .right .txt {
    font-size: 20px;
}

@media (max-width: 1024px) {
    .general-cause .iconbox .icon:nth-of-type(1) {
        width: 70px;
        position: absolute;
        top: 50px;
        right: 70px;
        z-index: 0;
    }

    .general-cause .iconbox .icon:nth-of-type(2) {
        width: 100px;
        position: absolute;
        top: 0px;
        right: -20px;
        z-index: 0;
    }

    .general-cause .list .item+.item:before {
        width: 80px;
        height: 40px;
        top: 40%;
        right: calc(100% - -20%);
    }

    .general-cause .list .item .txt {
        font-size: 14px;
    }

    .general-cause .txtbox .left {
        width: 30%;
    }

    .general-cause .txtbox .left .txt {
        font-size: 18px;
    }

    .general-cause .txtbox .right .txt {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .general-cause .iconbox {
        display: none;
    }

    .general-cause .list {
        width: 100%;
    }

    .general-cause .txtbox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .general-cause .txtbox .left {
        width: 100%;
    }

    .general-cause .txtbox .right {
        width: 100%;
        margin-top: 5px;
    }
}

/*general-graph*/
.general-graph .tit {
    margin-bottom: 30px;
    padding: 5px 5px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background: #ecb766;
    -webkit-box-shadow: 0px 0px 15px -8px #777;
    box-shadow: 0px 0px 15px -8px #777;
}

.general-graph .tit.trouble {
    background: #606060;
}

.general-graph .tit.cause {
    background: #bb8e73;
}

.general-graph .graph {
    width: calc(100% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}

.general-graph .graph .left {
    width: 40%;
}

.general-graph .graph .left .txt {
    min-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #c1c9e5;
    border-radius: 20px;
    background: #ddd;
    -webkit-box-shadow: 0px 0px 15px -11px #777;
    box-shadow: 0px 0px 15px -11px #777;
}

.general-graph .graph .left .txt span {
    font-size: 23px;
}

.general-graph .graph .right {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.general-graph .graph .right .item {
    width: 50%;
    text-align: center;
}

.general-graph .graph .right .item .pic {
    max-width: 180px;
    margin: 0 auto;
}

.general-graph .graph .right .item .txt {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 20px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #4180ca;
    -webkit-box-shadow: 0px 0px 15px -4px #777;
    box-shadow: 0px 0px 15px -4px #777;
}

.general-graph .txtbox {
    width: calc(100% - 20px);
    margin: 5px auto 0;
    font-size: 18px;
}

.general-graph .txtbox span {
    font-weight: bold;
}

.general-graph .list {
    width: calc(100% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px auto 0;
}

.general-graph .list .pic {
    width: 30%;
    position: relative;
    z-index: 0;
}

.general-graph .list .pic:nth-of-type(1):after {
    content: "before";
    display: block;
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
}

.general-graph .list .pic:nth-of-type(2) {
    margin-left: 8%;
}

.general-graph .list .pic:nth-of-type(2)::before {
    content: "";
    width: 68px;
    height: 70px;
    display: block;
    background-image: url("/upload/tenant_4/ebdb06a1f5442649aa829fb99090ee92.png");
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 45%;
    right: calc(100% - -3%);
    z-index: 1;
}

.general-graph .list .pic:nth-of-type(2)::after {
    content: "after";
    display: block;
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
}

.general-graph .list .pic:nth-of-type(3) {
    margin-left: 2%;
}

@media (max-width: 1024px) {
    .general-graph .tit {
        font-size: 18px;
    }

    .general-graph .graph .left .txt {
        font-size: 14px;
    }

    .general-graph .graph .left .txt span {
        font-size: 18px;
    }

    .general-graph .graph .right .item .txt {
        font-size: 14px;
    }

    .general-graph .txtbox {
        font-size: 16px;
    }

    .general-graph .list .pic:nth-of-type(2):before {
        width: 40px;
        height: 40px;
        top: 40%;
        right: calc(100% - -1%);
    }
}

@media (max-width: 599px) {
    .general-graph .tit {
        font-size: 16px;
    }

    .general-graph .graph .left {
        width: 100%;
    }

    .general-graph .graph .left .txt {
        min-height: auto;
        padding: 10px;
        font-size: 14px;
    }

    .general-graph .graph .right {
        width: 100%;
        margin-top: 5px;
    }

    .general-graph .list .pic:nth-of-type(2):before {
        top: 35%;
        right: calc(100% - 9%);
    }
}

/*general-plan*/
.general-plan {
    margin-top: 50px;
}

.general-plan .tit {
    margin-bottom: 10px;
}

.general-plan .tit .txt {
    display: inline-block;
    padding: 1px 30px;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    border-radius: 30px;
    background: #f06;
}

.general-plan .tit .sub {
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
}

.general-plan .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.general-plan .box .left {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.general-plan .box .left .item {
    width: 49%;
}

.general-plan .box .left .item dl {
    padding: 10px;
    border: 3px solid #ddd;
    background: #fff;
}

.general-plan .box .left .item dl dt {
    margin-bottom: 10px;
    padding: 0px 5px;
    font-weight: bold;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 2px;
    border: 3px solid #f06;
}

.general-plan .box .left .item dl dt .yen {
    font-size: 140%;
    color: #f06;
}

.general-plan .box .left .item dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.general-plan .box .left .item dl dd>div {
    width: 49%;
}

.general-plan .box .left .item dl dd .txt:nth-of-type(1) {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
}

.general-plan .box .left .item dl dd .txt:nth-of-type(2) {
    font-size: 14px;
    line-height: 1.2;
}

.general-plan .box .right {
    width: 20%;
    padding-top: 60px;
    position: relative;
    z-index: 0;
}

.general-plan .box .right .txt {
    padding: 8px 50px 5px;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    line-height: 1.4;
    text-align: center;
    border-radius: 50%;
    background: #ffaccd;
    position: absolute;
    top: -60px;
    left: -50px;
    z-index: 0;
}

.general-plan .box .right .txt .sub {
    position: relative;
    z-index: 0;
}

.general-plan .box .right .txt .sub::before {
    content: "";
    border: 15px solid transparent;
    border-left: 45px solid #ffaccd;
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
    position: absolute;
    top: 130%;
    right: -28px;
    z-index: 0;
}

.general-plan .box .right .pic {
    width: 100%;
    max-width: 110px;
    margin: 0 auto;
}

.cmn-wrap .pbox .txt {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 20px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #bb8e73;
    -webkit-box-shadow: 0px 0px 15px -4px #777;
    box-shadow: 0px 0px 15px -4px #777;
    opacity: 1;
}

@media (max-width: 1024px) {
    .general-plan .box .left {
        width: 65%;
    }

    .general-plan .box .left .item {
        width: 100%;
    }

    .general-plan .box .left .item+.item {
        margin-top: 10px;
    }

    .general-plan .box .left .item dl dt {
        font-size: 18px;
    }

    .general-plan .box .right {
        width: 30%;
        padding-top: 0;
    }

    .general-plan .box .right .txt {
        margin-bottom: 40px;
        padding: 10px;
        font-size: 14px;
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
    }
}

@media (max-width: 599px) {
    .general-plan .tit .txt {
        padding: 1px 20px;
        font-size: 16px;
    }

    .general-plan .tit .sub {
        font-size: 14px;
    }

    .general-plan .box .left {
        width: 100%;
    }

    .general-plan .box .right {
        width: 100%;
        margin-top: 5px;
    }

    .general-plan .box .right .txt {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        font-size: 14px;
        border-radius: 10px;
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .general-plan .box .right .txt .sub:before {
        display: none;
    }
}

/*.general-detail*/
.general-detail {
    margin-top: 15px;
    padding: 2px 20px;
    color: #fff;
    background: #20487c;
}

.general-content .flow2 .h3b+p {
    padding-bottom: 40px;
}

.ban-col01 a {
    background: #6ac3d6;
}

.banner {
    background: rgba(255, 240, 197, 0.65);
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
    position: relative;
    z-index: 0;
}

.banner>a {
    display: block;
}

.banner .box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.banner .box-wrap .box-wrap-inner {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.banner .box-wrap .box-wrap-inner .left {
    width: 40%;
}

.banner .box-wrap .box-wrap-inner .center {
    width: calc(60% - 2vw);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.banner.white {
    background: #fff;
}

.banner.column .box-wrap>* {
    width: 80% !important;
    margin: 0 auto !important;
}

.banner .left {
    width: 25%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.banner .right {
    width: 40%;
}

.banner .center {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px;
}

.banner .center .s-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px;
    font-size: 12px;
    color: #e88067;
    line-height: 1.4;
    text-align: center;
}

.banner .center .en-head {
    display: block;
    font-size: 2vw;
    line-height: 1;
    text-align: center;
    text-shadow: 1px 1px 3px white;
}

.banner .center .en-head::after {
    content: "";
    width: 30px;
    height: 4px;
    display: block;
    margin: 15px auto;
    background: #e88067;
}

.banner .ja-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1vw;
    line-height: 1.4;
    text-shadow: 1px 1px 3px white;
}

.banner .right {
    position: relative;
}

.banner .right .pic {
    height: 100%;
}

.banner .right::after {
    content: "";
    width: 1.5em;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#fff0c5), color-stop(80%, rgba(0, 0, 0, 0.01)), color-stop(13%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, #fff0c5 0%, rgba(0, 0, 0, 0.01) 80%, rgba(0, 0, 0, 0) 13%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.banner .left>* {
    height: 100%;
}

.banner .left .pic {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.banner.column .left .pic {
    margin: 0 auto;
}

.banner::before,
.banner::after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: 1;
}

.banner::before {
    border-top: 2.5vw solid #fed2c7;
    border-bottom: 2.5vw solid transparent;
    border-left: 2.5vw solid #fed2c7;
    border-right: 2.5vw solid transparent;
    top: 0;
    left: 0;
}

.banner::after {
    border-top: 2.5vw solid transparent;
    border-bottom: 2.5vw solid #fed2c7;
    border-left: 2.5vw solid transparent;
    border-right: 2.5vw solid #fed2c7;
    bottom: 0;
    right: 0;
}

.banner.column::before {
    z-index: -1;
}

.banner.column::after {
    display: none;
}

.banner.denture .center .en-head::after {
    margin-left: 0;
}

.list-external-link .button {
    width: 200px;
    max-width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.5em auto;
    padding: 0.5em 3em;
    font-size: 14px;
    color: white;
    line-height: 1.2;
    text-align: center;
    border-radius: 5px;
    background-color: #bb8e73;
    position: relative;
}

.list-external-link .button::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 90%;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 1em;
    z-index: 0;
}

.list-external-link .left {
    min-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.list-external-link .left .pic {
    width: 130px;
    height: 100px;
}

.list-external-link .left .pic .up-ofi img {
    -o-object-fit: contain;
    object-fit: contain;
}

@media (min-width: 1400px) {
    .banner .center {
        margin-left: 2vw;
    }
}

@media (max-width: 1024px) {
    .banner .ja-head {
        font-size: 12px;
    }

    .banner .center .s-head {
        font-size: 10px;
        position: relative;
        z-index: 1;
    }

    .banner .left .pic {
        width: 60%;
    }

    .list-external-link .left .pic {
        width: 150px;
        height: 115px;
    }

    .banner .center .en-head {
        font-size: 3vw;
    }

    .denture.banner .center .ja-head {
        font-size: 2.5vw;
    }

    .banner.column .box-wrap>* {
        width: 100% !important;
    }

    .banner .box-wrap .box-wrap-inner .left {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .banner .box-wrap .box-wrap-inner .center {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 599px) {
    .banner .right {
        margin-left: auto;
        margin-right: auto;
    }

    .banner .right .pic {
        width: 100%;
    }

    .top-banner .banner .left {
        display: block;
    }

    .banner .box-wrap .box-wrap-inner .bunner-button {
        width: 90%;
        padding: 0.5em 1em;
        font-size: 14px;
    }
}

/* 入れ歯 */
.denture.banner a {
    position: relative;
}

.denture-banner-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.denture-banner-img-inner {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.denture-banner-img-inner::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(132, 94, 29, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.denture-banner-img-inner img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    left: 0;
}

.denture.banner .box-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 20px;
    position: relative;
    z-index: 5;
}

.denture.banner .center>* {
    text-align: left;
}

.denture.banner .center .s-head {
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    font-size: 1.4vw;
    color: #fff;
    line-height: 1.5;
}

.denture.banner .center .ja-head {
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
}


.denture.banner::before {
    border-top: 2.5vw solid #eadfcd;
    border-bottom: 2.5vw solid transparent;
    border-left: 2.5vw solid #eadfcd;
    border-right: 2.5vw solid transparent;
    z-index: 5;
}

.denture.banner::after {
    border-top: 2.5vw solid transparent;
    border-bottom: 2.5vw solid #eadfcd;
    border-left: 2.5vw solid transparent;
    border-right: 2.5vw solid #eadfcd;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.denture.banner .right {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -5%;
}

.denture.banner .right .vmore {
    margin-top: auto;
    margin-bottom: 20px;
}

.denture.banner .right .vmore span {
    display: inline-block;
    padding: 8px 40px 8px 20px;
    color: #fff;
    background: #bb8e73 url(/import/tenant_4/153.126.203.189/html/images/vmore.png) calc(100% - 10px) center no-repeat;
}

.denture.banner .right::after {
    display: none;
}

.denture.banner .right .banner-btn {
    margin-top: auto;
    margin-bottom: 15px;
    padding: 10px 15px;
    color: #fff;
    background: #bb8d73;
}

.denture.banner .left {
    width: 20%;
}

.denture.banner .left .pic {
    width: 100%;
}

.bunner-button {
    min-width: 8em;
    margin: 10px auto;
    padding: 0.5em 3.5em;
    font-size: 22px;
    color: white;
    letter-spacing: 0.1em;
    text-align: center;
    border-radius: 10px;
    background-color: #c29a81;
    -webkit-box-shadow: 0px 0px 10px -3px #000;
    box-shadow: 0px 0px 10px -3px #000;
    position: relative;
}

.bunner-button.-blue {
    background-color: #358396;
}

.bunner-button::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 100%;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 1em;
    z-index: 0;
}

@media (max-width: 1024px) {
    .denture.banner .center .s-head {
        font-size: 3vw;
    }

    .banner .right {
        width: 60%;
    }

    .banner .left {
        width: 30%;
    }

    .bunner-button {
        font-size: 20px;
    }
}

@media (max-width: 599px) {
    .denture.banner {
        background-color: rgba(255, 240, 197, 1);
    }

    .denture.banner .box-wrap {
        padding: 15px;
        background: none;
    }

    .banner .center {
        width: 100%;
    }

    .denture.banner .center .s-head {
        font-size: 4.2vw;
    }

    .banner .center .en-head {
        font-size: 6vw;
    }

    .banner .center .en-head::after {
        display: block;
        margin: 15px auto 5px;
    }

    .banner .ja-head {
        font-size: 3vw;
    }

    .denture.banner .left {
        width: 25%;
        display: block;
        margin-top: -20%;
        margin-left: auto;
    }

    .denture.banner .right {
        width: 100%;
        margin-top: 10px;
    }

    denture-banner-img {
        display: none;
    }

    .banner .left {
        display: none;
    }

    .bunner-button {
        font-size: 18px;
    }
}

/* インプラント */
.implant.banner {
    overflow: hidden;
}

.implant.banner .box-wrap {
    display: block;
    position: relative;
}

.implant.banner .right {
    width: 100%;
    height: 100%;
    display: block;
    margin-top: 0;
    background: rgba(2, 49, 58, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.implant.banner .right::after {
    display: none;
}

.implant.banner .right img {
    mix-blend-mode: multiply;
}

.implant.banner .right .pic {
    width: 100%;
    height: 100%;
}

.implant.banner .ja-head {
    text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.3);
}

.implant.banner::before,
.implant.banner::after {
    z-index: 0;
}

.implant.banner::before {
    border-top: 5vw solid rgba(0, 25, 30, 0.4);
    border-bottom: 5vw solid transparent;
    border-left: 5vw solid rgba(0, 25, 30, 0.4);
    border-right: 5vw solid transparent;
    top: 0;
    left: 0;
}

.implant.banner::after {
    border-top: 5vw solid transparent;
    border-bottom: 5vw solid rgba(0, 25, 30, 0.4);
    border-left: 5vw solid transparent;
    border-right: 5vw solid rgba(0, 25, 30, 0.4);
    bottom: 0;
    right: 0;
}

.implant.banner .left {
    padding: 15px 0 0 15px;
    position: absolute;
    top: 1%;
    left: 1%;
}

.implant.banner .left>* {
    font-size: 20px;
    color: #fff;
}

.implant.banner .center {
    width: 70%;
    margin: 0 auto;
    padding-top: 40px;
}

.implant.banner .center>* {
    color: #fff;
}

.implant.banner .center .s-head {
    display: inline-block;
    margin: auto;
    margin-top: 20px;
    padding: 5px 15px;
    color: #121212;
    border-radius: 50px;
    background: #fff;
}

.implant.banner .center .en-head {
    font-size: 40px;
    text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.3);
}

.implant.banner .center .en-head::after {
    width: 40px;
    height: 1px;
    background: #e2dedb;
}

.implant.banner .right {
    background: #94cfdf;
}

.invisalign.implant.banner::before {
    border-top: 5vw solid rgba(55, 139, 167, 0.8);
    border-left: 5vw solid rgba(55, 139, 167, 0.8);
}

.invisalign.implant.banner::after {
    border-bottom: 5vw solid rgba(55, 139, 167, 0.8);
    border-right: 5vw solid rgba(55, 139, 167, 0.8);
}

.recruit.implant.banner .right {
    background: rgba(205, 125, 100, 0.4);
}

.recruit.implant.banner::before {
    border-top: 5vw solid rgba(205, 125, 100, 0.8);
    border-left: 5vw solid rgba(205, 125, 100, 0.8);
    z-index: 0;
}

.recruit.implant.banner::after {
    border-bottom: 5vw solid rgba(205, 125, 100, 0.8);
    border-right: 5vw solid rgba(205, 125, 100, 0.8);
    z-index: -1;
}

.recruit.implant.banner .right-head {
    font-size: 14px;
    color: #fff;
    text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
    position: absolute;
    top: 10%;
    right: 1%;
}

/*マタニティバナー*/
.maternity.banner .center {
    padding: 50px 0;
}

.maternity.banner .right {
    background: #ffeaca;
}

.maternity.implant.banner::before {
    border-top: 5vw solid rgba(208, 137, 58, 0.8);
    border-left: 5vw solid rgba(208, 137, 58, 0.8);
}

.maternity.implant.banner::after {
    border-bottom: 5vw solid rgba(208, 137, 58, 0.8);
    border-right: 5vw solid rgba(208, 137, 58, 0.8);
}

@media (max-width: 559px) {
    .banner::before {
        border-top: 5vw solid #fed2c7;
        border-bottom: 5vw solid transparent;
        border-left: 5vw solid #fed2c7;
        border-right: 5vw solid transparent;
    }

    .banner::after {
        border-top: 5vw solid transparent;
        border-bottom: 5vw solid #fed2c7;
        border-left: 5vw solid transparent;
        border-right: 5vw solid #fed2c7;
    }

    .banner.implant .left {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        padding: 10px;
        text-align: center;
        position: static;
    }

    .banner.implant .left-head {
        font-size: 16px;
    }

    .banner.implant .center {
        width: 90%;
        padding: 10px;
    }

    .banner.implant .center .s-head {
        line-height: 1.8;
    }

    .banner.implant.recruit .right-head {
        display: none;
    }

    .banner.maternity .box-wrap {
        background: none;
    }
}

.sp-only {
    display: none !important;
}

.shadow {
    text-shadow: white 1px 1px 0, white -1px -1px 0, white -1px 1px 0, white 1px -1px 0, white 0px 1px 0, white 0 -1px 0, white -1px 0 0, white 1px 0 0;
}

.stand-out {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
    background: linear-gradient(transparent 60%, #ff6 60%);
}

.wide-btn {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.wide-btn.-left {
    margin-left: 0;
}

.wide-btn.-middle {
    max-width: 400px;
}

.wide-btn.-middle a {
    font-size: 20px;
}

.wide-btn.-fake,
.wide-btn a {
    width: 100%;
    display: block;
    padding: 20px 10px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background: #bb8e73;
    -webkit-box-shadow: 0px 0px 15px -5px #777;
    box-shadow: 0px 0px 15px -5px #777;
    position: relative;
    z-index: 0;
}

.wide-btn.-fake:after,
.wide-btn a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 0;
}

@media (max-width: 1024px) {
    .pc-only {
        display: none !important;
    }

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

    .wide-btn.-fake,
    .wide-btn a {
        padding: 10px;
        font-size: 20px;
    }

    .up-fz-4vw\@tb {
        font-size: 4vw;
    }

    .up-fz-4-5vw\@tb {
        font-size: 4.5vw;
    }

    .up-fz-5vw\@tb {
        font-size: 5vw;
    }

    .up-fz-5-5vw\@tb {
        font-size: 5.5vw;
    }
}

@media (max-width: 599px) {
    .up-fz-4vw\@sp {
        font-size: 4vw;
    }

    .up-fz-4-5vw\@sp {
        font-size: 4.5vw;
    }

    .up-fz-5vw\@sp {
        font-size: 5vw;
    }

    .up-fz-5-5vw\@sp {
        font-size: 5.5vw;
    }

    .wide-btn {
        width: 90%;
    }

    .wide-btn a {
        width: 90%;
        padding: 10px;
        font-size: 18px;
    }

    .wide-btn.-middle a {
        font-size: 18px;
    }

    .wide-btn a::after {
        right: 10px;
    }

    .wide-btn.-fake {
        font-size: 14px;
    }

    .wide-btn.-fake::after {
        font-size: 14px;
        right: 10px;
    }
}

/* ママベビクラブのご案内 */
.club-box {
    padding: 50px;
    border: 5px solid #573d30;
    border-radius: 20px;
    background-color: white;
}

.club-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0;
}

.club-element {
    width: 48%;
    margin: 1%;
    position: relative;
}

.club-element .img {
    width: 75%;
    margin-top: 10%;
}

.club-element .img img {
    overflow: hidden;
    border-radius: 5px;
}

.club-element .img::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
    background-color: #e6d9ca;
    position: absolute;
    top: 10px;
    left: 10px;
}

.club-element.-left .img {
    margin-left: auto;
}

.club-element.-right .img {
    margin-right: auto;
}

.balloon {
    position: absolute !important;
    top: 0;
    z-index: 1;
}

.balloon.text-editable {
    position: absolute !important;
}

.balloon-inner {
    padding: 30px 40px;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    text-align: center;
    border-radius: 100%;
    background-color: #e6d9ca;
}

.club-element.-right .balloon-inner {
    font-size: 14px;
}

.balloon-inner::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 0 10px 40px;
    border-style: solid;
    border-color: transparent transparent transparent #e6d9ca;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.club-element.-right .balloon-inner::after {
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg);
    left: 0;
    right: auto;
}

.club-element.-left .balloon {
    left: 0;
}

.club-element.-right .balloon {
    right: 0;
}

.club-title-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
}

.club-title-01 .club-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 0.5em;
}

.club-title-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    text-align: center;
}

.club-title-02::before,
.club-title-02::after {
    content: "";
    width: 80px;
    height: 1px;
    display: block;
    margin: 0 10px;
    background-color: #573d30;
}

.club .text {
    margin: 20px 0;
    padding: 10px;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    text-align: center;
}

.club-logo {
    width: 300px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1024px) {
    .club-box {
        padding: 40px;
    }

    .club-element {
        width: 70%;
    }

    .club-element+.club-element {
        margin-top: 30px;
        margin-left: auto;
    }

    .club-element .img {
        width: 90%;
        margin-top: 5%;
    }

    .balloon-inner {
        padding: 20px 30px;
    }

    .club-title-01 {
        font-size: 5vw;
    }

    .club-title-02 {
        font-size: 3vw;
    }

    .club-title-02::before,
    .club-title-02::after {
        width: 50px;
    }

    .club .text {
        padding: 0;
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .club-box {
        padding: 30px 15px;
        border: 3px solid #573d30;
    }

    .club-element {
        width: 90%;
    }

    .club-element .img::before {
        top: 5px;
        left: 5px;
    }

    .club-title-01 .club-icon {
        width: 40px;
        height: 40px;
    }

    .club-title-02 {
        font-size: 3.6vw;
    }

    .club-title-02::before,
    .club-title-02::after {
        width: 10px;
    }

    .balloon-inner {
        padding: 15px 20px;
        font-size: 12px;
    }

    .club-element.-right .balloon-inner {
        font-size: 12px;
    }

    .club .text {
        font-size: 14px;
    }
}

/* 05/10 */
.shinbi .pc-w-100 {
    width: 100%;
}

@media (min-width: 600px) and (max-width: 1024px) {
    .shinbi .mt-20-tb {
        margin-top: 20px !important;
    }

    .shinbi .mb-15-tb {
        margin-bottom: 15px !important;
    }

    .shinbi .pc-w-100 {
        width: auto;
    }
}

@media (max-width: 599px) {
    .shinbi .mt-0 {
        margin-top: 0px !important;
    }

    .shinbi .pb-20-sp {
        padding-bottom: 20px !important;
    }
}

/* 余白用css */
.space-v0 .space+.space {
    margin-top: 0 !important;
}

.space-v30 .space+.space {
    margin-top: 30px !important;
}

.space-v50 .space+.space {
    margin-top: 50px !important;
}

@media (max-width: 1024px) {
    .space-v0\@tb .space+.space {
        margin-top: 0 !important;
    }

    .space-v30\@tb .space+.space {
        margin-top: 30px !important;
    }

    .space-v50\@tb .space+.space {
        margin-top: 50px !important;
    }
}

@media (max-width: 599px) {
    .space-v0\@sp .space+.space {
        margin-top: 0 !important;
    }

    .space-v30\@sp .space+.space {
        margin-top: 30px !important;
    }

    .space-v50\@sp .space+.space {
        margin-top: 50px !important;
    }
}

/* フレームワークに追記 */
@media (max-width: 1024px) {
    .up-fw-normal\@tb {
        font-weight: normal;
    }

    .up-fw-bold\@tb {
        font-weight: bold;
    }
}

@media (max-width: 599px) {
    .up-fw-normal\@sp {
        font-weight: normal;
    }

    .up-fw-bold\@sp {
        font-weight: bold;
    }
}

/* 症状のタイプのリスト */
.list-check li:nth-of-type(even) {
    margin-top: 50px;
}

.title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    margin-bottom: 10px;
}

.num {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.3em;
    padding: 10px;
    font-size: 2.5em;
    color: #a89675;
    line-height: 1;
    border-radius: 100%;
    background-color: white;
}

.title-01 {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
    font-size: 1.5em;
    line-height: 1.4;
}

.list-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
}

.list-type dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.5em;
    padding: 5px 20px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    line-height: 1.4;
    background-color: #bb8e73;
}

.list-type dd {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 1024px) {
    .num {
        width: 50px;
        height: 50px;
        font-size: 2em;
    }

    .title-01 {
        font-size: 1.2em;
    }

    .list-type dt {
        padding: 5px 10px;
    }
}

@media (max-width: 599px) {
    .list-check li:nth-of-type(even) {
        margin-top: 0;
    }
}

/* スマホでタイトルを上に持ってくる */
@media (max-width: 599px) {
    .title-reverse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

/* トップのPHILOSOPHY */
@media (max-width: 1024px) {
    .philosophyList li {
        width: 100%;
        margin-right: 0;
    }

    .philosophyList li a {
        height: 200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
    }

    .philosophyList li:nth-of-type(2) .bkimgs img {
        -o-object-position: 50% 20%;
        object-position: 50% 20%;
    }
}

@media (max-width: 599px) {
    .philosophyList li a {
        height: 150px;
    }
}

/* パーツに切り分け */
.caption {
    width: 100%;
    padding: 20px 0;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
}

.beige-bg-left {
    padding: 30px 15px 15px 16.5%;
    background-color: #e6e0d8;
    position: relative;
}

.beige-bg-left:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    margin-left: -999rem;
    padding-left: 999rem;
    background-color: inherit;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

@media (max-width: 1024px) {
    .beige-bg-left {
        padding: 30px 15px 30px 0;
    }
}

/* floatでレイアウト */
.float-box-02:after {
    content: "";
    display: block;
    clear: both;
}

.float-box-02:before {
    content: "";
    display: block;
    clear: both;
}

.float-box-02 {
    display: block;
    margin: 50px 0;
    padding: 0 70px;
}

.float-box-02-title,
.float-box-02-img,
.float-box-02-content {
    width: 48%;
}

.float-box-02-title,
.float-box-02-content {
    float: left;
}

.float-box-02-img {
    float: right;
}

.float-box-02-title {
    margin-bottom: 30px;
}

@media (max-width: 1024px) {
    .float-box-02 {
        padding: 0;
    }
}

@media (max-width: 599px) {

    .float-box-02-title,
    .float-box-02-img,
    .float-box-02-content {
        width: 100%;
        float: none;
    }

    .float-box-02-img {
        margin: 20px 0;
    }
}

/* iTero 5Dの魅力 */
.feature-box {
    position: relative;
}

.feature-box+.feature-box {
    margin-top: 50px;
}

.feature-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1em 1.5em;
    font-size: 20px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: #bb8e73;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    position: absolute !important;
    top: -10px;
    left: -10px;
    z-index: 2;
}

.feature-num .sub {
    margin-top: 0.2em;
    font-size: 200%;
}

@media (max-width: 1024px) {
    .feature-num {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    .feature-num {
        font-size: 16px;
    }
}

/* 見たまま編集 */
[data-element-id] .sp-only,
[data-element-id] #gnav .gnav-dropdown-list li.sp-only {
    display: block !important;
    padding-top: 1em;
    border: 2px solid green;
    position: relative;
}

[data-element-id] .sp-only::before,
[data-element-id] #gnav .gnav-dropdown-list li.sp-only::before {
    content: "モバイルナビ用";
    width: 100%;
    display: block !important;
    padding: 2px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: green;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] #main {
    margin-top: 600px;
}

[data-element-id] #gnav li span {
    display: block;
}

[data-element-id] #gnav li span a {
    display: block;
}

[data-element-id] #gnav li.co {
    display: block;
}

[data-element-id] #gnav ul ul {
    display: block;
}

[data-element-id] #gnav li:nth-child(2) ul {
    width: 15em;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    left: -100%;
}

[data-element-id] .res-layout-title-mobile-only {
    width: 100%;
    display: block;
    padding-top: 1.5em;
    border: 2px solid green;
    position: relative;
}

[data-element-id] .res-layout-title-mobile-only::before {
    content: "モバイルのみ表示";
    width: 100%;
    display: block;
    padding: 2px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: green;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .koku2_3 .box {
    display: block;
}

[data-element-id] .contwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
}

[data-element-id] .contwrap li {
    width: calc(100% / 3);
}

[data-element-id] .contwrap li.tel {
    display: block;
}

[data-element-id] .contwrap li.ytu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

[data-element-id] .contwrap li.ytu .mordal {
    width: 50%;
    height: auto;
}

[data-element-id] .fead-mv.t-mv {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

[data-element-id] .fead-mv.r-mv,
[data-element-id] .fead-mv.l-mv {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

[data-element-id] .tab {
    max-width: 300px;
    margin-left: auto;
    position: static;
}

[data-element-id] .tab li {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

[data-element-id] .white6 .q+div {
    display: block;
}

[data-element-id].contwrap {
    display: block;
}

[data-element-id] .ytu .mordal {
    width: 100%;
    height: auto;
    visibility: visible;
    margin-top: 15px;
    margin-left: auto;
    margin-right: 0;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: static;
}

[data-element-id] .hide-content {
    display: block;
}

[data-element-id].home3 .bkimgs {
    z-index: 0;
}

[data-element-id].rec2 .img1 {
    margin-top: 0;
    z-index: 0;
}

[data-element-id].rec2 .img2 {
    position: static;
    z-index: 0;
}

[data-element-id] .feature-num.text-editable {
    position: absolute !important;
}

[data-element-id] .home_main .img_bk {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: static;
}

[data-element-id] .home_main .img_bk.fead-mv img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

[data-element-id] .home_main .img_bk.-mainimg-mobile-only {
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 30px;
    padding: 2em 1em 1em;
    border: 2px solid green;
    position: relative;
}

[data-element-id] .home_main .img_bk.-mainimg-mobile-only::before {
    content: "モバイルのみ表示";
    width: 100%;
    display: block;
    padding: 0.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: green;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

[data-element-id] .home_main .inner {
    margin: auto;
    position: absolute;
    top: 30px;
    left: calc(50% - 500px);
    right: 0;
    z-index: 1;
}

[data-element-id] .home_main .h2 {
    color: inherit;
}

[data-element-id] .home_main .h2.fead-mv span {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

[data-element-id] .home_main .txt.fead-right {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

[data-element-id] .home13 .left div {
    padding-bottom: 0;
}

.breadcrumb ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.breadcrumb li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.breadcrumb li:not(:first-of-type):before {
    display: block;
    content: "\f054";
    font-size: 80%;
    font-family: "font awesome 5 free";
    font-weight: bold;
    margin-right: 5px;
    vertical-align: bottom;
}

.breadcrumb li:not(:last-of-type) {
    margin-right: 10px;
}

.breadcrumb li > * {
    display: block;
}

.breadcrumb li:last-of-type:before {
    margin-right: 8px;
}

/*ブログ本文リンクボタン*/

.blog_link {
  width: 170px;
  margin: 20px auto 50px;
}

.blog_link a {
  display: block;
  width: 100%;
  background: #a89675;
  padding: 15px 0;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

@media (max-width: 599px) {
  .blog_link {
    width: 140px;
  }
  .blog_link a {
    font-size: 16px;
  }
}

/*感染症対策*/
.home0 p {
  text-align: center;
  margin: 20px 0;
}
.home0 .title {
  text-align: center;
  background: #c29a81;
  color: #fff;
  padding: 5px 0;
}

.nayami.taisaku ul li {
  margin-bottom: 5px;
}

.nayami ul li.li1::before {
  background: url(/upload/tenant_4/72e813c7a5e3f0439d2adce1f2843598.png) no-repeat;
  width: 25px;
  height: 25px;
  top: 0.2em;
}
.nayami ul li.li2::before {
  background: url(/upload/tenant_4/6cdaad52195f2540a9c149de04fc2577.png) no-repeat;
  width: 25px;
  height: 25px;
  top: 0.2em;
}
.nayami ul li.li3::before {
  background: url(/upload/tenant_4/ee7827d8878319468a47cb627879c781.png) no-repeat;
  width: 25px;
  height: 25px;
  top: 0.2em;
}
.nayami ul li.li4::before {
  background: url(/upload/tenant_4/816fafccf0aa90d4881b649c0a3d0b40.png) no-repeat;
  width: 25px;
  height: 25px;
  top: 0.2em;
}
.nayami ul li.li5::before {
  background: url(/upload/tenant_4/6cff3c0ff552ec130bcb1e36c288acef.png) no-repeat;
  width: 25px;
  height: 25px;
  top: 0.2em;
}

.please ul {
  background: #fff;
  padding: 20px;
}

.please ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
}

.please ul li::before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background: url(/import/tenant_4/153.126.203.189/html/images/check.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.1em;
    left: -0.1em;
}

.please ul li.li1::before {
  background: url(/upload/tenant_4/72e813c7a5e3f0439d2adce1f2843598.png) no-repeat;
}
.please ul li.li2::before {
  background: url(/upload/tenant_4/6cdaad52195f2540a9c149de04fc2577.png) no-repeat;
}
.please ul li.li3::before {
  background: url(/upload/tenant_4/ee7827d8878319468a47cb627879c781.png) no-repeat;
}
.please ul li.li4::before {
  background: url(/upload/tenant_4/816fafccf0aa90d4881b649c0a3d0b40.png) no-repeat;
}
.please ul li.li5::before {
  background: url(/upload/tenant_4/6cff3c0ff552ec130bcb1e36c288acef.png) no-repeat;
}

.please ul li span {
  color: #c29a81;
  font-weight: bold;
}

@media (max-width: 599px) {
  .nayami.taisaku ul li {
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 30px;
  }
}

.b-link-btn a {
  display: block;
  background: #bb8e73;
  padding: 10px 20px;
  width: 40%;
  text-align: center;
  margin: 30px auto;
  color: #fff;
}

@media (max-width: 1024px) {
  .b-link-btn a {
    width: 50%;
  }
}

/* 2022.11.08 */

/* .torikumibr{
  display: none;
} */



.ca-btn a {
    display: block;
    width: 200px;
    margin: auto;
    padding: 2%;
    background: #bb8e73;
    text-align: center;
    color: #fff;
  }
  .ca-btn a:hover {
    opacity: 0.6;
  }
  
@media (max-width: 1024px) {
  .torikumibr{
    display: block !important;
  }
  .flexb.ca01 {
    display: block;
  }
  .home13 .left, .home13 .right {
    width: 100%;
  }
  .home13 .left {
    margin-bottom: 50px;
  }
/*   .home13 .left div {
  padding-bottom: 0;
} */
}


/* 追記2023/02/13 */
#gnav .gnav-list li.pc-none {
    display: none;
}

[data-element-id] #gnav .gnav-list li.pc-none {
    display: block;
    padding-top: 1em;
    border: 2px solid green;
    position: relative;
}

#gnav .gnav-list li:nth-child(8) ul {
    width: 250px;
}

[data-element-id] #header #gnav .inner {
    max-width: 100%;
    width: 100%;
}

[data-element-id] #gnav .gnav-list li:nth-child(6) ul {
  left: -30px;
}

[data-element-id] #gnav .gnav-list > li:nth-child(8) {
    margin-top: 390px;
    position: relative;
    margin-right: 130px;
}

[data-element-id] #gnav .gnav-list li.pc-none:before {
    content: "モバイルナビ用";
    width: 100%;
    display: block !important;
    padding: 2px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: green;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width:1024px) {
  #gnav .gnav-list li.pc-none {
      display: block;
  }

}



/* 2023.03.27 */

.booksbuy{
  margin-top: 50px;
  padding-bottom: 120px !important;
}

.booksbuy p{
  background: #bb8e73;
    text-align: center;
    padding: 10px 0;
    color: #fff;
}


@media (max-width: 599px) {
.booksbuy {
    padding-bottom: 30px !important;
}
}

/* 2023/04/05 追記 */

.list-information li .bgc-blown{
    background: #f7f0e6;
}

.list-information li .bgc-blown a .list-information-img .list-information-img-inner img{
    width: 100px !important;
    height: auto !important;
    position: absolute !important;
    top: 50% !important;
    right: 42px !important;
    left: auto !important;
    transform: translateY(-50%)!important;
}

@media only screen and (max-width: 1024px){
  .list-information li .bgc-blown a .list-information-img .list-information-img-inner img{
    right: 22px !important;
}
}

.onlineshop-benner{
      background: #f7f0e6;
    box-shadow: 0px 0px 15px -5px #777;
    margin-top: 25px;
    position: relative;
    height: 230px;
}

.onlineshop-benner .list-information-title{
  min-width: 240px;
    display: inline-block;
    margin: 50px 0;
    bottom: 27%;
    padding: 20px 25px 20px 20px;
    position: absolute;
    font-size: 20px;
    color: white;
    border-radius: 0 40px 40px 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* position: relative; */
    z-index: 1;
    transform: translateY(50%);
}

.onlineshop-benner .list-information-img{
      width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.onlineshop-benner .list-information-img-inner{
    width: 100%;
    height: 100%;
    position: relative;
}

.onlineshop-benner .list-information-img-inner img{
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: scale-down;
    -o-object-position: bottom right;
    object-position: right;
    position: absolute;
    top: 0;
    left: 0px;
}

[data-element-id].onlineshop-benner a{
      display: contents !important;
}

@media only screen and (max-width: 599px){
  .onlineshop-benner {
    background: #f7f0e6;
    box-shadow: 0px 0px 15px -5px #777;
    margin-top: 25px;
    position: relative;
    height: 185px;
}

.onlineshop-benner .list-information-title {
    font-size: 16px;
}
}


.booksbuy{
    padding-bottom: 20px !important;
}

.sarebe-btn{
  padding-bottom: 0px !important;
}

.sarebe-btn a{
      width: 100%;
    display: block;
    position: relative;
    z-index: 0;
}

.sarebe-btn .bkimgs{
    padding-bottom: 0px !important;
    border: 1px solid #bb8e73;
    background: #bb8e73;
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
}

.sarebe-btn .bkimgs img{
  opacity: .5;
}

.sarebe-btn .up-pos-rel{
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 8% 0;
}

.sarebe-btn dd {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    padding-left: 0;
    margin: auto;
}

@media only screen and (max-width: 599px){
  .sarebe-btn .up-pos-rel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 5% 0;
}

.sarebe-btn dd {
    display: block;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    padding-left: 0;
}
}

/* 2023/09/08 追記 */

.benner-img{
  width: 80%;
  margin: 50px auto 0;
}
.benner-img img {
  width: 100%;
}

@media only screen and (max-width: 599px){
  .benner-img{
    width: 100%;
    margin: 25px auto 0;
  }
}


/* 2023.11.13 */

/* .left-02{
  width: 100% !important;
  margin-bottom: -600px !important;
}
  
.home13-02{
  max-width: 700px !important;
}

.left-02 div{
  padding-bottom: 100% !important;
}
  

@media (max-width: 1024px) {
.left-02 {
    width: 100% !important;
    margin-bottom: -730px !important;
}
}


@media only screen and (max-width: 599px){
.left-02 {
    width: 100% !important;
    margin-bottom: -400px !important;
}
} */

/* 202401017 追記 */

.c-white a{
  color: #fff;
}

.bg-pink a{
  background-color: #da5377;
}

.bunin-link .recruit.implant.banner::before {
    border-top: 5vw solid rgba(164,153,123, 0.8);
    border-left: 5vw solid rgba(164,153,123, 0.8);
    z-index: 0;
}

.bunin-link .button{
      width: 200px;
    max-width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.5em auto;
    padding: 0.5em 3em;
    font-size: 14px;
    color: white;
    line-height: 1.2;
    text-align: center;
    border-radius: 5px;
    background-color: #8b8168;
    position: relative;
}

.bunin-link .recruit.implant.banner .right {
    background: rgba(164,153,123, 0.4);
}

.bunin-link .recruit.implant.banner::after {
    border-bottom: 5vw solid rgba(164,153,123, 0.8);
    border-right: 5vw solid rgba(164,153,123, 0.8);
    z-index: -1;
}

.bunin-link .recruit.implant.banner::before {
    border-top: 5vw solid rgba(164,153,123, 0.8);
    border-left: 5vw solid rgba(164,153,123, 0.8);
    z-index: 0;
}

.bunin-link .ja-head{
  margin-bottom: 15px;
}

.pc-block{
  display: block;
}

@media screen and (max-width:1024px) {
 .pc-block{
  display: none;
}
}

@media screen and (max-width:1024px) {
.bunin-link .implant.banner .center .en-head {
    font-size: 40px;
    text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.3);
    line-height: 1.3em;
}
}
@media screen and (max-width:599px) {
 .bunin-link .implant.banner .center .en-head {
    font-size: 30px;
}
}


/* 2024/02/03 */
.tab li.webr a {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tab li.webr a .i {
    height: 74px;
    line-height: normal;
}

.tab li.webr a .i .flex-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}


/* 2024/03/14 */

.h1-wrap {
    position: relative;
}

.h1-wrap .inner {
    padding: 0;
    width: 96%;
}

.h1-wrap h1 {
    font-size: 10px;
    position: absolute;
    top: 8px;
    line-height: 1.2;
}

[data-element-id] .h1-wrap h1 {
  position: static;
}

@media (max-width:1024px) {
  .h1-wrap {
    display: none;
  }
}

#header .left p {
    padding-top: 30px;
}

.up-fw-boldi {
  font-weight: bold!important;
}

/* 2024/06/13 */
#blog-detail .author_profile{
  border: 1px solid #bb8e73;
}

#blog-detail .author_profile .content{
  padding: 30px;
}

#blog-detail .author_profile .label{
  background-color: #bb8e73;
  color: #fff;
  padding: 0.5em;
  font-size: 1.2em;
}

#blog-detail .author_profile .left{
  width: 30%;
}

#blog-detail .author_profile .right{
  width: 65%;
}

#blog-detail .author_profile .author_name{
  font-size: 1.2em;
  font-weight: bold;
  border-left: 3px solid #bb8e73;
  padding-left: 1em;
}

#blog-detail .author_profile .qualification,
#blog-detail .author_profile .academic,
#blog-detail .author_profile .detail-link{
  margin-top: 1em;
}

#blog-detail .qualification_title,
#blog-detail .academic_title{
  font-weight: 1.1em;
  font-weight: bold;
}

#blog-detail .author_profile .detail-link a{
  color: blue;
}

@media(max-width:599px) {
#blog-detail .author_profile .left{
  width: 100%;
}

#blog-detail .author_profile .right{
  width: 100%;
  margin-top: 1em;
}

#blog-detail .author_profile .content{
  padding: 10px;
}
}

[class*='up-ofi'] {
  width: 100%;
  display: block;
  position: relative;
}

[class*='up-ofi'] img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

[class*='up-ofi-']::after {
  content: '';
  display: block;
}

[class*='up-ofi-'] img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-h-100\% {
  height: 100%;
}

/* 2024/07/08 */
/* 症例ぺージ */
.case-container + .case-container{
  margin-top: 50px;
}

.case-container .case-ttl{
  border-bottom: 1px solid;
}

.case-container .before-ttl,
.case-container .after-ttl{
  font-weight: bold;
  text-align: center;
}

.case-container .img-wrap + .img-wrap{
  margin-top: 10px;
}

.case-container .content-wrap{
  margin-top: 30px;
}

.case-container .content-wrap dl{
  display: flex;
  border: 1px solid #e6e0d8;
}

.case-container .content-wrap dl + dl{
  border-top: none;
}

.case-container .content-wrap dt{
  width: 30%;
  text-align: center;
  background-color: #bb8e73;
  color: #fff;
  border-right: 1px solid #e6e0d8;
  padding: 1em 0;
}

.case-container .content-wrap dd{
  width: 70%;
  padding: 1em 0 1em 1em;
  background: #fff;  
}

.list-lisk{
  list-style: disc;
}

.list-lisk li{
  list-style: disc;
}

@media(max-width:599px) {
.case-container .content-wrap dt{
  padding: 0.5em 0;
  display: flex;
  justify-content: center;
  align-items: center;
}    
}

/* TOPぺージ */
.top-case-container{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

.top-case-container .top-case-container-item{
  width: 23%;
}

.top-case-container .top-case-container-ttl,
.top-case-container .top-case-container-personal{
  text-align: center;
  font-weight: bold;
}

.top-case-container .img01{
  margin-bottom: 20px;
  position: relative;
}

.top-case-container .img01:after{
  content: "▼";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translate(-50%, 0);
}

.top-case-container-btn a{
  display: block;
  padding: 0.5em;
  background-color: #bb8e73;
  color: #fff;
  text-align: center;
  margin-top: 20px;
}

@media(max-width:1024px){
.top-case-container .top-case-container-item{
  width: 48%;
  margin-bottom: 20px;
}    
}

@media(max-width:599px) {
.top-case-container-btn a{
  font-size: 12px;
}    
}

.home8 .vmore.case-link-btn {
  position: relative;
  margin-top: 50px;
}

@media screen and (max-width:599px) {
 .list-lisk{
   margin-left: 20px;
 }
}

/* 2024/08/22 */
h4.h5-h4{
  font-size: 18px;
}

h3.h5-h3{
  font-size: 18px;
  margin-bottom: 20px;
}

h3.h4-h3{
  text-align: center;
}

@media(max-width:599px) {
h4.h5-h4{
  font-size: 16px;
}

h3.h5-h3{
  font-size: 16px;
  margin-bottom: 10px;
}

h3.h4-h3{
  font-size: 4.5vw;
  margin: 0 2.5% 40px 2.5%;
}
}

.list-treatment .list-inner{
  padding: 1em;
  text-align: center;
  position: relative;
  border: #c29a81 2px solid;
  background: #e6d9ca;
}

.list-treatment .list-inner::after{
  content: ">";
  color: #c29a81;
  display: block;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translate(0, -50%);
}

.list-treatment .list-inner .sub{
  font-size: 0.5em;
}

.vmore.tocaselink a {
    width: 50%;
    border-radius: 10px;
    font-size: 20px;
    padding: 10px 40px 10px 20px;
}

@media(max-width:599px) {
.vmore.tocaselink a {
    width: 80%;
}    
}

#implanet-page .pti-0-another{
  padding-top: 0px !important;
}

/* 2024/08/27 */

#general-page .pti-0-another{
  padding-top: 0px !important;
}

#pediatric-page .pti-0-another{
  padding-top: 0px !important;
}

.pti-0-another{
  padding-top: 0px !important;
}

.pbi-0{
  padding-bottom: 0px !important;
}

/* 2025/02/06 */
.list-b li:before{
  content: "・";
}

/* 2025/04/15 */

.toppage .home_main .img-wrap {
  transform: translateY(0);
  opacity: 1;
  transition: none;
}

.toppage .home_main .fade-effect.loaded {
  animation: fadeUp 2s ease 0.3s forwards;
}

@keyframes fadeUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* 2025/04/22 */
.repair-link{
  margin: 20px 0;
}

.repair-link-section .inner{
  max-width: 1000px;
  margin: 0 auto
}

@media(max-width:599px) {
.repair-link .banner.implant .center {
  padding: 50px 10px;
}

.repair-link .implant.banner .center .en-head {
  font-size: 24px;
}
}

/* 2025/04/28 追記 */
#footer .fnav li:nth-child(2) a {
    color: #fff;
    background: #182d60;
}

#footer .fnav li:nth-child(3) a {
    color: #fff;
    background: #4d4d4d;
}

#footer .fnav li:nth-child(4) a {
    color: #fff;
    background: #e68069;
}

#footer .fnav li:nth-child(5) a {
    color: #fff;
    background: #b7a692;
}

#footer .fnav li:nth-child(6) a {
    color: #000;
    border: 1px solid #666;
    background: #fff;
}

.marriage {
  width: 100%px;
  margin: 20px auto;
}
.marriage img {
  width: 100%;
}
.bg-bule003 a {
  background: #5389da;
}

@media (max-width: 599px){
  #gnav ul li a, #gnav ul li .dropdown-button {
    padding: 5px 15px;
  }
}
  }