/* =====================================
　メインビジュアル
===================================== */
.mv {
    width: calc(100% - 200px);
    height: 700px;
    margin: 160px auto 0;
    z-index: 100;
    position: relative;
}

.mv .headline {
    position: absolute;
    z-index: 200;
    top: 315px;
    left: 50px
}

.mv .headline picture {
    position: relative;
    top: 50px;
}

.mv .headline h1:before {
    content: "";
    display: block;
    width: 640px;
    height: 200px;
    background-color: rgba(19, 115, 162, .7);
    position: absolute;
    top: 115px;
    left: -50px;
    z-index: -1;
}

.mv .headline img {
    width: 645px;
    margin-bottom: 10px
}

.mv .headline h1 {
    color: #fff;
    font-family: tbudrgothic-std, sans-serif;
    font-weight: 700;
    /* background-color: rgba(19, 115, 162, .7); */
}

.mv .headline h1 span {
    display: block;
    line-height: 1.8;
    font-weight: 700
}

.mv .headline h1 span:first-child {
    font-size: 24px;
    position: relative;
    left: -10px
}

.mv .headline h1 span:nth-child(2) {
    font-size: 40px
}

.mv .headline h1 span:last-child {
    font-size: 20px
}

.mv .slider {
    height: 700px;
    position: relative;
    z-index: 100;
    background: #fff
}

.mv .slider .slick-slide {
    height: 700px;
    overflow: hidden;
}

.mv .slider img {
    /* margin-top: -230px */
}

.mv .background {
    width: 100%;
    height: 700px;
    background: url(/wp-content/uploads/images/index/webp/mv-background.webp) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -20px;
    right: -20px
}

.no-webp .mv .background {
    background: url(/wp-content/uploads/images/index/mv-background.png) no-repeat;
    background-size: cover;
}

@media(min-width:769px) and (max-width:1800px) {
    .mv .slider img {
        margin-top: 0
    }

    .mv .slider .tab {
        display: none;
    }

    .mv .slider .tabnone {
        display: block;
    }
}

@media(min-width:769px) and (max-width:1400px) {
    .mv .slider img {
        max-width: 130%
    }

    .mv .slider .tab {
        display: block;
        max-width: 120%;
    }

    .mv .slider .tabnone {
        display: none;
    }
}

@media(min-width:769px) and (max-width:1400px) {
    .mv .slider img {
        max-width: 120%;
    }
}

@media(min-width:769px) and (max-width:1200px) {
    .mv {
        width: calc(100% - 100px);
        margin-top: 160px;
        height: 400px
    }

    .mv .headline {
        top: 200px
    }

    .mv .slider {
        height: 400px
    }

    .mv .slider img {
        margin-top: 0
    }

    .mv .background {
        display: none
    }

    .mv .headline img {
        width: 400px
    }

    .mv .headline p span:first-child {
        font-size: 12px
    }

    .mv .headline p span:nth-child(2) {
        font-size: 20px
    }

    .mv .headline p span:last-child {
        font-size: 10px
    }

    .mv+picture img {
        display: none
    }
}

/* =====================================
　背景 リボン
===================================== */
.mv+picture img {
    width: 100%;
    /* height: 1200px; */
    position: absolute;
    top: 500px;
    right: 0;
    z-index: 100;
}

/* =====================================
　セクション News
===================================== */
section.news_sec {
    background: #efefef;
    padding: 100px 0 50px;
}

.news {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 50px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    position: relative;
    /* top: 120px; */
    z-index: 200;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news h2 {
    font-family: dita-cd, sans-serif;
    font-size: 40px;
    color: #0091d7;
    display: block;
    width: 250px;
    height: 100%;
    border-right: 1px solid;
    letter-spacing: 0;
    padding-left: 60px
}

.news a {
    /* color: #0091d7; */
    margin-left: 70px;
}
.news a span {
    color: #0091D7;
}

.news a:first-of-type span:nth-child(2) {
    margin-left: 35px
}

.news a.s-button {
    margin-left: auto;
}

@media(min-width:769px) and (max-width:1200px) {
    .news {
        width: 90%;
    }

    .news h2 {
        width: 120px;
        padding: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .news h2 + ul {
        padding: 0 20px;
    }
    .news a {
        margin-left: 0;
    }
    .news a:first-of-type span:nth-child(2) {
        margin-left: 10px;
    }
    section.news_sec {
        padding: 20px 0 50px;
    }
}

/* =====================================
　セクション コンテンツ上部
===================================== */
.top-part {
    background: #efefef;
    position: relative;
    margin-bottom: 150px;
}

/* =====================================
　セクション クレジット
===================================== */
.credit {
    width: 1200px;
    margin: 50px auto 0;
    padding: 32px 40px;
    background: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 20%);
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 101;
}
.cre-left {
    padding-bottom: 20px;
    padding-left: 40px;
    border-right: 1px solid #0091DD;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cre-right {
    width: 800px;
}
.cre-right p {
    margin-bottom: 68px;
}

.credit h2 {
    font-family: dita-cd, sans-serif;
    font-size: 40px;
    color: #0091d7;
    display: block;
    width: 220px;
    /* height: 100%; */
    letter-spacing: 0;
    /* padding-left: 60px; */
    height: 88%;
}

.credit h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0091d7;
    line-height: 1.8;
}

.credit a.s-button {
    display: block;
    /* margin-left: 30px; */
}

@media(min-width:769px) and (max-width:1200px) {
    .credit {
        width: 90%;
    }
    .cre-left {
        margin-right: 40px;
        padding-left: 0;
    }
    .credit h2 {
        width: 180px;
    }
    .credit a.s-button {
        margin-left: 0px;
    }
}
@media (max-width: 768px) {
    .cre-left {
        padding: 0;
    }
    .cre-right p {
        margin-bottom: 0;
    }
}

/* =====================================
　セクション カウンセリング
===================================== */
.bg-line2 {
    position: absolute;
    width: 100%;
}
.bg-line2 img {
    width: 100%;
}
.counseling {
    position: relative;
    padding-top: 65px;
}
.counseling.bggrey {
    background: #EFEFEF;
}
.counseling .blockWrap {
    max-width: 1200px;
    /* height: 300px; */
    height: 19.76vw;
    margin: 0 auto;
    position: relative;
}

.counseling h3 {
    font-size: min(1.76vw, 24px);
    color: #fff;
    margin-bottom: 20px;
}

.counseling p {
    color: #fff;
    font-size: min(1.125vw, 15px);
}

.counseling .img {
    width: 50%;
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 50;
}
.counseling .img:after {
    content: "";
    position: absolute;
    left: 0;
    width: 140px;
    height: 140px;
    background: url(/wp-content/uploads/bg_counseling-line.svg) no-repeat left bottom/100%;
}
@media (min-width: 769px) {
    .counseling .img:after {
        bottom: 0;
    }
}
@media (max-width: 768px) {
    .counseling .img:after {
        top: 0;
        width: 100px;
        height: 100px;
        transform: scale(1, -1);
    }
}

.counseling .inner {
    width: 58%;
    /* height: 320px; */
    padding: 70px 70px 60px 130px;
    /* background: #0091D7; */
    background: url(/wp-content/uploads/images/common/counseling_bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
    /* background-position-x: -50px; */
    position: absolute;
    top: -20px;
    right: 0px;
}

.counseling .inner:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/images/common/caret-w.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

@media(min-width:769px) and (max-width:1200px) {
    .counseling {
        padding: 65px 30px 0;
        max-width: 100%;
    }
    .counseling .inner {
        padding: 20px 30px 40px 120px;
    }
}
@media (max-width: 768px) {
    .bg-line2 {
        display: none;
    }
    .counseling {
        padding-top: 0;
    }
    .counseling .blockWrap {
        height: auto;
    }
    .counseling .inner {
        left: 5%;
    }
}

/* =====================================
　セクション ポリシー
===================================== */
.policy {
    width: 100%;
    margin: 100px 0;
}

/* .no-webp .policy {
    background: url(/wp-content/uploads/images/index/policy-bg.jpg) no-repeat;
    background-size: cover;
} */

.policy .inner {
    width: 100%;
    background-color: #F2F8FB;
    /* background: rgba(0, 145, 215, .9); */
}

.policy .content {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 90px 0
}

.policy h2 {
    font-size: 60px;
    font-family: dita-cd, sans-serif;
    text-align: center;
    line-height: 1;
    width: 180px;
    color: #0091D7;
    background: url(/wp-content/uploads/images/index/webp/policy-h2-bg.webp) no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    padding: 40px 20px;
    letter-spacing: 0;
}

.topTit h2 span,
h2.title span {
    font-family: tbudrgothic-std, sans-serif;
    font-size: 18px;
    color: #0091D7;
    position: relative;
    top: 15px;
    display: block;
    text-align: center;
    letter-spacing: .2em;
    letter-spacing: .1em;
    line-height: 2;
}

.policy dl {
    max-width: 50%;
    margin: 0 50px;
}

.policy dl dt {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #0091D7;
}

.policy dl dd {
    /* color: #fff; */
    margin-bottom: 2em;
}

.policy p {
    margin-bottom: 2em
}

.policy .image {
    position: relative;
}

.policy .image img {
    position: relative;
    z-index: 1;
}

.policy .image .background {
    width: 100%;
    height: 240px;
    background: url(/wp-content/uploads/images/index/policy_img-bg.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -5px;
    right: -15px;
    z-index: 0;
}

@media(min-width:769px) and (max-width:1200px) {
    .policy {
        margin: 50px 0;
    }
    .policy .content {
        padding: 60px 0 40px;
        width: 90%;
    }

    .policy .image .background {
        display: none;
    }
}

/* =====================================
　セクション ポイント
===================================== */
.point {
    padding: 0 0 150px;
    position: relative
}

.topTit h2,
h2.title {
    font-size: 60px;
    font-family: dita-cd, sans-serif;
    text-align: center;
    line-height: 1!important;
    color: #0091d7;
    height: 150px;
    background: url(/wp-content/uploads/images/index/webp/prevent-bg.webp) no-repeat;
    background-size: contain;
    background-position: center;
    padding: 25px 0;
    letter-spacing: 0
}

.point .content {
    width: 1100px;
    margin: 60px auto 30px;
    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;
    position: relative;
    z-index: 200
}

.point .item {
    width: 330px;
    height: 400px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    margin-bottom: 50px;
    background: #fff
}

.point .item p {
    display: block;
    height: 200px;
    color: #0091d7;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    padding: 60px 0 0
}

.point .item:nth-last-child(-n+3) p {
    padding: 40px 0 0
}

.point .item p span {
    font-family: dita-cd, sans-serif;
    font-weight: 400;
    display: block;
    font-size: 14px;
    text-align: center
}

.point .item p span:nth-child(3) {
    font-family: tbudrgothic-std, sans-serif;
    font-weight: 700;
    font-size: 13px
}

.point .item img {
    position: relative
}

.point::after {
    content: '';
    display: block;
    width: 100%;
    height: 650px;
    background: url(/wp-content/uploads/images/index/webp/point-bg.webp);
    background-size: cover;
    position: absolute;
    top: 280px
}

.no-webp .point::after {
    background: url(/wp-content/uploads/images/index/point-bg.png);
    background-size: cover;
}

@media(min-width:769px) and (max-width:1200px) {
    .point {
        padding: 0;
    }
    .point .content {
        padding: 40px auto;
        width: 700px
    }
}

/* =====================================
　セクション ドクター
===================================== */
.doctor {
    width: 100%;
    /* background: url(/wp-content/uploads/images/index/webp/doctor-bg.webp) no-repeat;
    background-size: cover; */
    background-color: #F2F8FB;
    margin: 100px 0;
    padding-bottom: 60px;
    position: relative;
}

.doctor::before {
    content: '';
    display: block;
    background: url(/wp-content/uploads/images/index/bg_up.svg) no-repeat;
    background-size: cover;
    background-position: top;
    width: 100%;
    height: 100px;
    position: absolute;
    top: -50px;
}

.doctor::after {
    content: '';
    display: block;
    background: url(/wp-content/uploads/images/index/bg_down_bl.svg) no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: -50px;
}

/* .no-webp .doctor {
    background: url(/wp-content/uploads/images/index/doctor-bg.png) no-repeat;
    background-size: cover;
} */

.doctor .content1 {
    width: 1050px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.doctor .content1 .left {
    width: 65%;
    padding-right: 50px;
    margin-top: 55px;
}

.doctor .content1 .left img {
    width: 660px;

}

.doctor .content1 .right {
    width: 35%
}

.doctor .content1 .right img {
    width: 100%;
    /* margin: 65px 0 25px;
    mix-blend-mode: multiply */
    position: relative;
    top: -150px;
}

.doctor .content1 .left p:first-of-type {
    font-size: 24px;
    position: relative;
    left: -15px;
    font-weight: 700
}

.doctor .content1 .left p.name {
    margin-top: 30px;
    padding: 30px 0;
    font-size: 32px;
    font-weight: 700;
    background: url(/wp-content/uploads/images/index/webp/prevent-bg.webp) no-repeat;
    background-size: contain;
    background-position: 15%;
}

.doctor .content1 .left p.name span:first-of-type {
    font-size: 16px;
    display: block;
    font-weight: 700
}

.doctor .content1 .left p.name span:nth-of-type(2) {
    font-size: 28px;
    font-family: dita-cd, sans-serif;
    letter-spacing: 0;
    font-weight: 400
}



.doctor .content2 {
    width: 1050px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.doctor .content2 .left {
    width: 65%;
}

.doctor .content2 .left p {
    /* font-size: 12px; */
    /* font-weight: 700; */
    /* position: relative;
    left: -8px;
    margin-bottom: 10px */
    padding-right: 50px;
}

.doctor .content2 .right ul {
    border-left: 1px solid #505050;
    padding-left: 15px;
    align-self: flex-start;
    margin-bottom: 2em;
}

.doctor .content2 .right ul li {
    font-size: 12px;
    line-height: 1.8;

}

.doctor .content2 .right ul li span {
    display: inline-block;
    width: 70px
}

.doctor .content2 .right {
    width: 35%;
    position: relative;
    top: -150px;
}

.doctor .content2 .right p {
    line-height: 2.1;
    margin-bottom: .5em;
    margin-left: 1em;
}

.doctor a.button {
    margin: -70px auto 0
}

@media(min-width:769px) and (max-width:1200px) {

    .doctor {
        padding: 20px 0 60px;
    }
    .doctor .content1 {
        width: 700px
    }

    .doctor .content1 .right img {
        top: 45px
    }

    .doctor .content1 .left {
        width: 70%
    }

    .doctor .content1 .right {
        width: 30%
    }

    .doctor .content1 .right img {
        width: 100%
    }

    .doctor .content1 .left p:first-of-type {
        font-size: 18px
    }

    .doctor .content1 .left p.name {
        margin-top: 5px
    }

    .doctor .content2 {
        width: 700px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .doctor .content2 .left {
        width: 100%;
        margin-top: 30px
    }

    .doctor .content2 .right {
        width: 100%;
        margin-top: 30px;
        top: 0;
    }

    .doctor a.button {
        margin: 70px auto 0;
    }

}

/* ===================================
　セクション トリートメント
================================== */

.treatments {
    padding: 50px 0;
}

.treatments .content {
    width: 1100px;
    margin: 60px auto 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.treatments .content .item {
    width: 120px;
    text-align: center;
    color: #0091d7;
    display: block;
    margin: 0 70px 95px 0
}

.treatments .content .item:nth-child(6),
.treatments .content .item:nth-child(12) {
    margin: 0 0 95px 0
}

.treatments .content .item:nth-last-child(-n+6) {
    margin-bottom: 0
}

.treatments .content .item .icon {
    width: 110px;
    height: 110px;
    background: url(/wp-content/uploads/images/index/webp/treatment-bg.webp) no-repeat;
    background-size: contain;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .5s;
    transition: .5s
}

.no-webp .treatments .content .item .icon {
    background: url(/wp-content/uploads/images/index/treatment-bg.png) no-repeat;
    background-size: contain;
}

.treatments .content .item:hover .icon {
    background: url(/wp-content/uploads/images/index/webp/treatment-hover.webp) no-repeat;
    background-size: contain
}

.no-webp .treatments .content .item:hover .icon {
    background: url(/wp-content/uploads/images/index/treatment-hover.png) no-repeat;
    background-size: contain
}

.treatments .content .item:first-child .icon img {
    width: 50px
}

.treatments .content .item:nth-child(2) .icon img {
    width: 70px;
    position: relative;
    left: 10px;
    top: -5px
}

.treatments .content .item:nth-child(3) .icon img {
    width: 51px
}

.treatments .content .item:nth-child(4) .icon img {
    width: 65px
}

.treatments .content .item:nth-child(5) .icon img {
    width: 35px
}

.treatments .content .item:nth-child(6) .icon img {
    width: 73px
}

.treatments .content .item:nth-child(7) .icon img {
    width: 49px
}

.treatments .content .item:nth-child(8) .icon img {
    width: 65px
}

.treatments .content .item:nth-child(9) .icon img {
    width: 68px
}

.treatments .content .item:nth-child(10) .icon img {
    width: 49px
}

.treatments .content .item:nth-child(11) .icon img {
    width: 49px
}

.treatments .content .item:nth-child(11) .icon {
    letter-spacing: 0
}

.treatments .content .item:nth-child(12) .icon img {
    width: 76px
}

@media(min-width:769px) and (max-width:1200px) {
    .treatments {
        padding: 0;
    }
    .treatments .content {
        width: 700px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .treatments .content .item {
        margin: 0 0 30px 0
    }

    .treatments .content .item:nth-child(6),
    .treatments .content .item:nth-child(12) {
        margin: 0 0 30px 0
    }

    .treatments .content .item:last-child {
        margin: 0 auto 0 30px
    }
}

/* ===================================
　セクション 治療の流れ
================================== */
.flow h2 {
    width: 1100px;
    height: 140px;
    background: url(/wp-content/uploads/images/index/webp/flow-bg.webp) no-repeat;
    background-size: contain;
    margin: 0 auto;
    font-weight: 700;
    font-size: 30px;
    color: #0091d7;
    text-align: center;
    padding: 40px 0
}

.no-webp .flow h2 {
    background: url(/wp-content/uploads/images/index/flow-bg.png) no-repeat;
    background-size: cover;
}

.flow .content {
    width: 1100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 100px auto 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.flow .content::after {
    content: '';
    display: block;
    width: 90%;
    height: 2px;
    background: url(/wp-content/uploads/images/index/webp/flow-line.webp) no-repeat;
    background-size: contain;
    position: absolute;
    top: 75px;
    left: 0;
    z-index: -1
}

.no-webp .flow .content::after {
    background: url(/wp-content/uploads/images/index/flow-line.png) no-repeat;
    background-size: contain;
}

.flow .content .item {
    display: block;
    width: 150px;
    height: 150px;
    background: #0091d7;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1.8;
    padding-top: 15px
}

.flow .content .item:first-child span,
.flow .content .item:nth-child(3) span {
    margin-bottom: 10px
}

.flow .content .item:nth-child(2) {
    letter-spacing: 0;
    line-height: 1.5
}

.flow .content .item span {
    font-size: 50px;
    font-family: dita-cd, sans-serif;
    font-weight: 400;
    display: block;
    line-height: 1;
    text-align: center
}

@media(min-width:769px) and (max-width:1200px) {
    .flow h2 {
        width: 94%;
        max-width: 700px;
    }

    .flow .content {
        width: 94%;
    }
    .flow .content .item {
        width: 110px;
        height: 110px;
        font-size: 12px;
    }
    .flow .content .item span {
        font-size: 34px;
    }
}

/* ===================================
　セクション 治療費⽤
================================== */

.cost {
    padding: 120px 0;
}

.cost h2 {
    width: 1100px;
    height: 140px;
    background: url(/wp-content/uploads/images/index/webp/flow-bg.webp) no-repeat;
    background-size: cover;
    margin: 0 auto;
    font-weight: 700;
    font-size: 30px;
    color: #0091d7;
    text-align: center;
    padding: 22px 0
}

.no-webp .cost h2 {
    background: url(/wp-content/uploads/images/index/flow-bg.png) no-repeat;
    background-size: cover;
}

.cost h2 span {
    display: block;
    font-size: 16px;
    text-align: center;
    font-weight: 400
}

.cost .content {
    margin: 50px auto 65px;
    width: 950px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cost .content .left,
.cost .content .right {
    width: 400px
}

.cost .content h3 {
    text-align: center;
    margin-bottom: 45px
}

.cost .content h3 span {
    font-size: 20px;
    font-weight: 700;
    color: #0091d7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #ffffc5));
    background: linear-gradient(180deg, #fff 50%, #ffffc5 50%);
    position: relative;
    top: -7px
}

.cost .content .left h3 img {
    width: 50px;
    margin-right: 10px
}

.cost .content .right h3 img {
    width: 40px;
    margin-right: 10px
}

@media(min-width:769px) and (max-width:1200px) {
    .cost {
        padding: 100px 0;
    }
    .cost h2 {
        width: 700px
    }

    .cost .content {
        width: 700px
    }

    .cost .content .left,
    .cost .content .right {
        width: 340px
    }
}

/* ===================================
　セクション 矯正治療
================================== */
.transparent {
    margin-bottom: 150px;
}

.transparent .heading {
    width: 100%;
    height: 550px;
    background: url(/wp-content/uploads/images/index/webp/tranparent-img1.webp) no-repeat;
    background-size: cover;
    padding-top: 100px
}

.no-webp .transparent .heading {
    background: url(/wp-content/uploads/images/index/tranparent-img1.jpg) no-repeat right center;
    background-size: cover;
}

.transparent .heading h2 {
    width: 900px;
    margin: 0 auto 0;
    font-weight: 700;
    font-size: 36px;
    color: #0091d7
}

.transparent .heading h2 span {
    font-weight: 400;
    font-size: 18px;
    display: block
}

.transparent .heading p {
    width: 900px;
    margin: 45px auto 2em
}

.transparent .content {
    width: 1100px;
    margin: -160px auto 0;
    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
}

.transparent .content h3 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #0091d7;
    width: 100%
}

.transparent .content .grey {
    margin-bottom: 20px;
    height: 465px;
    width: 100%;
    padding: 45px 25px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    background: #fafafa
}

.transparent .content .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 525px;
    height: 700px;
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    position: relative;
    margin-bottom: 50px
}

.transparent .content .left::after {
    content: '';
    display: block;
    width: 230px;
    height: 345px;
    background: url(/wp-content/uploads/images/index/webp/transparent-machine.webp) no-repeat;
    background-size: contain;
    position: absolute;
    top: 130px;
    right: 10px
}

.no-webp .transparent .content .left::after {
    background: url(/wp-content/uploads/images/index/transparent-machine.png) no-repeat;
    background-size: contain;
}

.transparent .content .left ul {
    margin-top: 4px
}

.transparent .content .left ul li {
    font-size: 16px;
    font-weight: 700;
    line-height: 2.6
}

.transparent .content .left ul li::before {
    content: '';
    width: 25px;
    height: 21px;
    background: url(/wp-content/uploads/images/index/tick.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    bottom: -1px
}

.transparent .content .left p {
    margin-top: 113px
}

.transparent .content .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 525px;
    height: 700px;
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    position: relative;
    margin-bottom: 50px
}

.transparent .content .right h3 {
    margin-top: 30px
}

.transparent .content .right .inner {
    width: 360px;
    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
}

.transparent .content .right .inner .item {
    width: 145px;
    text-align: center;
    margin-bottom: 30px
}

.transparent .content .right .inner .item img {
    width: 115px;
    margin: 0 auto 5px
}

.transparent .content .right .inner .item p {
    text-align: center
}

.transparent .content .bottom {
    width: 1100px;
    height: auto;
    background: #0091d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2)
}

.transparent .content .bottom img {
    width: 525px;
    height: 100%
}

.transparent .content .bottom .inner {
    width: 475px;
    margin: 30px auto;
    position: relative
}

.transparent .content .bottom .inner h3 {
    width: 100%;
    height: 105px;
    background: url(/wp-content/uploads/images/index/webp/bottom-frame.webp) no-repeat;
    background-size: contain;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    padding: 10px;
    margin-bottom: 20px
}

.no-webp .transparent .content .bottom .inner h3 {
    background: url(/wp-content/uploads/images/index/bottom-frame.png) no-repeat;
    background-size: contain;
}

.transparent .content .bottom .inner p {
    color: #fff;
}

.transparent .content .bottom .inner::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/images/common/caret-w.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -15px;
    right: -30px
}

.transparent::after {
    content: '';
    display: block;
    width: 100%;
    height: 535px;
    background: url(/wp-content/uploads/images/index/webp/point-bg.webp) no-repeat;
    background-size: cover;
    margin-top: -660px;
    position: relative;
    z-index: -1
}

.no-webp .transparent::after {
    background: url(/wp-content/uploads/images/index/point-bg.png) no-repeat;
    background-size: cover;
}

@media(min-width:769px) and (max-width:1200px) {
    .transparent .heading h2 {
        width: 700px;
        text-align: center;
    }

    .transparent .heading h2 span {
        width: 700px;
        text-align: center;
    }

    .transparent .heading p {
        width: 750px;
        text-align: center;
    }

    .transparent .content {
        width: 700px
    }

    .transparent .content .left,
    .transparent .content .right {
        margin: 0 auto 30px
    }

    .transparent .content .bottom {
        width: 700px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto
    }

    .transparent .content .bottom img {
        width: 100%
    }

    .transparent .content .bottom .inner {
        margin: 30px auto
    }
}

/* ===================================
　セクション イントロダクション
================================== */

.introduction {
    /* margin-top: 250px */
    margin: 0 0 100px;
}

.introduction h2 {
    margin-bottom: 50px
}

.introduction .content {
    width: 1100px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    padding: 50px 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    position: relative
}

.introduction .content .left {
    width: 290px
}

.introduction .content .left h3 {
    font-size: 24px;
    font-weight: 700;
    color: #0091d7;
    line-height: 1.5;
    margin: 20px 0 10px
}

.introduction .content .left p {
    font-size: 14px;
    margin-bottom: 75px
}

.introduction .content .left dl dt {
    display: inline-block;
    background: #505050;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    margin-bottom: 20px
}

.introduction .content .left dl dd {
    font-size: 12px;
    margin-bottom: 20px
}

.introduction .content .right {
    width: 665px
}

.introduction .intro-nav img {
    cursor: pointer;
}

.introduction .intro-nav .slick-slide {
    width: 111px !important
}

.introduction .content a.button {
    display: none;
    margin: 50px auto 0
}

.introduction::after {
    content: '';
    display: block;
    width: 100%;
    height: 465px;
    background: url(/wp-content/uploads/images/index/webp/point-bg.webp) no-repeat;
    background-size: cover;
    margin-top: -375px
}

.no-webp .introduction::after {
    background: url(/wp-content/uploads/images/index/point-bg.png) no-repeat;
    background-size: cover;
}

@media(min-width:769px) and (max-width:1200px) {
    .introduction .content {
        padding: 50px;
        width: 665px
    }

    .introduction .content .right {
        width: 100%
    }
}

/* ===================================
　セクション Blog
================================== */
.blog {
    margin: 65px 0;
}

.blog h2 {
    margin-bottom: 100px
}

.blog .content {
    width: 1100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blog .content .item {
    width: 330px;
    padding-bottom: 55px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    position: relative;
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.blog .content .item:hover {
    background: #ffffc5
}

.blog .content .item img {
    width: 330px;
    height: 200px;
}

.blog .content .item p {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    width: 200px;
    margin: 40px auto 0;
    color: #0091d7
}

.blog .content .item p span {
    font-family: dita-cd, sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    position: relative;
    top: -10px;
    letter-spacing: 0
}

.blog .content .item::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: url(/wp-content/uploads/images/common/caret-b.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 5px;
    right: 5px
}

.blog a.button {
    margin: 100px auto 0
}

@media(min-width:769px) and (max-width:1200px) {

    .blog .content {
        width: 700px
    }

    .blog .content .item {
        width: 220px
    }
}


/* =====================================
  TOP追加
===================================== */
/*--------------------------------------
  General
--------------------------------------*/
.font-dita {
    font-family: dita-cd, sans-serif!important;
}
.btn01 .elementor-button {
	position: relative;
}
.btn01 .elementor-button:before {
	content: "";
	position: absolute;
	top: calc(50% - 2.5px);
	right: 10px;
	width: 6px;
	height: 1px;
	background: #fff;
	transform: rotate(45deg);
}
.btn01 .elementor-button:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 16px;
	height: 1px;
	background: #fff;
}
.btn01 .elementor-button:hover:before,
.btn01 .elementor-button:hover:after {
	background: #0091D7;
}

/*--------------------------------------
  Blogブロック
--------------------------------------*/
.block-blog .e-con-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: min(9.15vw, 125px) solid transparent;
    border-left: min(9.15vw, 125px) solid #E32D2D;
}
.block-blog.yellow .e-con-inner:before {
    border-left: min(9.15vw, 125px) solid #FFD700;
}
.block-blog .e-con-inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: min(4.54vw, 62px) solid transparent;
    border-left: min(4.54vw, 62px) solid #fff;
}
.top-blogs h3 {
    display: inline-block;
    background:linear-gradient(transparent 50%, rgba(227, 45, 45, .2) 50%);
    font-family: tbudrgothic-std, sans-serif;
    font-size: 24px;
    line-height: 1.5!important;
    letter-spacing: .05em;
}
.top-blogs .block-blog.yellow h3 {
    background:linear-gradient(transparent 50%, rgba(255, 215, 0, .2) 50%);
}
.top-blogs .font-dita .elementor-button-text {
    font-family: dita-cd, sans-serif;
}
.top-blogs .elementor-align-icon-right {
    position: relative;
    top: -2px;
}

/* 2カラムブロック一覧 */
.newsWrap dl {
    padding: 30px 0;
    border-bottom: 1px solid #E32D2D;
}
.block-blog.yellow .newsWrap dl {
    border-bottom: 1px solid #FFD700;
}
.newsWrap a:first-child dl {
    padding-top: 0;
}
.newsWrap a {
	transition-duration: .4s;
}
.newsWrap a:hover {
	opacity: .7;
}
.newsWrap dt {
    margin-bottom: 8px;
    display: flex;
    gap: 10px;
    font-family: dita-cd, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .05em;
}
.newsWrap dd {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 3.5em;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: .05em;
}
.newsWrap .newsLabel {
    color: #E32D2D;
}
.newsWrap .catList {
    margin-left: 10px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.newsWrap .catList li {
    padding: 2px 10px;
    background: #9D9D9D;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .05em;
    color: #fff;
}
/* インビザライン体験記ブロック一覧 */
.newsWrap2 ul {
	display: flex;
	gap: min(2.93vw, 40px);
}
.newsWrap2 ul li {
	width: 33.33%;
}
.newsWrap2 .newsThumb {
	margin-bottom: 10px;
	padding-top: 69.23%;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.newsWrap2 dt {
	margin-bottom: 10px;
	font-family: dita-cd, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
.newsWrap2 dd {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #0091D7;
}
.newsWrap2 a {
	transition-duration: .4s;
}
.newsWrap2 a:hover {
	opacity: .7;
}

@media (max-width: 767px) {
    .block-blog .e-con-inner:before {
        border-bottom-width: min(21.33vw, 80px);
        border-left-width: min(21.33vw, 80px);
    }
    .block-blog.yellow .e-con-inner:before {
        border-left-width: min(21.33vw, 80px);
    }
    .block-blog .e-con-inner:after {
        border-bottom-width: min(10.66vw, 40px);
        border-left-width: min(10.66vw, 40px);
    }
    .top-blogs h3 {
        font-size: 20px;
    }
    .newsWrap dd {
        font-size: 14px;
    }
    .newsWrap .catList {
        display: none;
    }
		.newsWrap2 ul {
			flex-wrap: wrap;
			gap: 0;
		}
		.newsWrap2 ul li {
			padding: 20px 0;
			border-bottom: 1px solid #0091D7;
			display: flex;
			width: 100%;
		}
		.newsWrap2 ul li:first-child {
			padding-top: 0;
		}
		.newsWrap2 .newsThumb {
			margin: 0 10px 0 0;
			padding-top: 24.8%;
			width: 35.82%;
		}
		.newsWrap2 .newsThumb + a {
			width: calc(64.18% - 10px);
		}
		.newsWrap2 dt {
			margin-bottom: 2px;
		}
		.newsWrap2 dd {
			font-size: 14px;
		}
}