@charset "utf-8";

body {
    position: relative;
    font-family: "Noto Sans JP", serif;
    font-style: normal;
    color: #555;
    letter-spacing: .08em;
    /* line-height: 2.0; */
    background-color: #fff;
}

/*
共通パーツ*/
.pc_set,
.tb_set,
.sp_set {
    display: contents;
}

.tb_block,
.tb_on,
.sp_block,
.sp_on {
    display: none;
}

/* トップのクジラマークを非表示 */
.mv_sub .mv_ttl::after {
  display: none;
}

@media screen and (max-width:1199px) {
    .tb_on {
        display: inline;
    }

    .tb_block {
        display: block;
    }

    .tb_off {
        display: none;
    }

    .tb_set {
        display: block;
    }

    .tb_unset {
        display: contents;
    }
}

@media screen and (max-width:767px) {
    .sp_on {
        display: inline;
    }

    .sp_block {
        display: block;
    }

    .sp_off {
        display: none;
    }

    .sp_unset {
        display: contents;
    }
}


/*unit_sub_mv
MV*/
.unit_sub_mv {
    padding-top: min(calc(40 / 1920 * 100vw), 40px);
}

.unit_sub_mv .mv_inner {
    position: relative;
    width: min(calc(1536 / 1920 * 100vw), 1536px);
    margin: 0 auto;
    padding-bottom: min(calc(56 / 1920 * 100vw), 56px);
}

.unit_sub_mv .mv_inner .mv_ttl {
    position: absolute;
    z-index: 1;
    width: 54.17%;
    color: #FFF;
    text-align: right;
    font-family: "Noto Serif JP";
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: .04em;
    aspect-ratio: 832 / 376;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: min(calc(75 / 1920 * 100vw), 75px);
}

.unit_sub_mv .mv_inner .mv_ttl .dec_kana {
    letter-spacing: max(calc(-0.08 / 1920 * 100vw), -0.08px);
}

.unit_sub_mv .mv_inner .mv_ttl::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: var(--primary-color);
    ;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 100%;
    height: 100%;
    opacity: .7;
    clip-path: polygon(min(calc(40 / 1920 * 100vw), 40px) 0, 100% 0%, 100% 100%, 0% 100%);
}

.unit_sub_mv .mv_inner .mv_img {
    width: 56.77%;
    clip-path: polygon(0 0, 100% 0%, calc(100% - min(calc(48 / 1920 * 100vw), 48px)) 100%, 0 100%);
}

@media screen and (max-width:1199px) {
    .unit_sub_mv {
        padding-top: 18px;
    }

    .unit_sub_mv .mv_inner {
        width: 100%;
        padding-bottom: 56px;
    }

    .unit_sub_mv .mv_inner .mv_ttl {
        width: 54.17%;
        font-size: 32px;
        font-weight: 400;
        aspect-ratio: 416 / 296;
        padding-right: calc(60 / 768 * 100vw);
    }

    .unit_sub_mv .mv_inner .mv_ttl .dec_kana {

        letter-spacing: -.08em;

    }

    .unit_sub_mv .mv_inner .mv_ttl::after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        background-color: var(--primary-color);
        ;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        width: 100%;
        height: 100%;
        opacity: .7;
        clip-path: polygon(40px 0, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit_sub_mv .mv_inner .mv_img {
        width: 65.10%;
        clip-path: polygon(0 0, 100% 0%, calc(100% - 48px) 100%, 0 100%);
    }
}

@media screen and (max-width:767px) {
    .unit_sub_mv {
        padding-top: min(calc(18 / 390 * 100vw), 18px);
    }

    .unit_sub_mv .mv_inner {
        width: 100%;
        padding-bottom: min(calc(152 / 390 * 100vw), 152px);
    }

    .unit_sub_mv .mv_inner .mv_ttl {
        width: 75.90%;
        font-size: min(calc(24 / 390 * 100vw), 32px);
        aspect-ratio: 296 / 200;
        padding-right: min(calc(19 / 390 * 100vw), 19px);
    }

    .unit_sub_mv .mv_inner .mv_ttl::after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        background-color: var(--primary-color);
        ;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        width: 100%;
        height: 100%;
        opacity: .7;
        clip-path: polygon(min(calc(24 / 390 * 100vw), 24px) 0, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit_sub_mv .mv_inner .mv_img {
        width: 94.36%;
        clip-path: polygon(0 0, 100% 0%, calc(100% - min(calc(30 / 390 * 100vw), 30px)) 100%, 0 100%);
    }
}





/*unit_intro
院内ツアー*/
.unit_intro {
    padding: min(calc(128 / 1920 * 100vw), 128px) 0 min(calc(98 / 1920 * 100vw), 98px);
}

.unit_intro .unit_intro_inner {
    width: 84.167%;
    margin: 0 auto;
}

.unit_intro .ttl_intro {
    color: var(--primary-color);
    text-align: center;
    font-family: "Noto Serif JP", serif;
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .04em;
    margin-bottom: min(calc(88 / 1920 * 100vw), 88px);
}

.unit_intro .text00 {
    color: #555;
    text-align: center;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
    max-width: 900px;
    margin-inline: auto;
}

@media screen and (max-width: 1199px) {
    .unit_intro {
        padding: 96px 0 88px;
    }

    .unit_intro .unit_intro_inner {
        width: 640px;
        max-width: 87.18%;
    }

    .unit_intro .ttl_intro {
        font-size: 40px;
        margin-bottom: 72px;
    }

    .unit_intro .text00 {
        font-size: 17px;
    }
}

@media screen and (max-width: 767px) {
    .unit_intro {
        width: 100%;
        padding: min(calc(84 / 390 * 100vw), 84px) 0 min(calc(78 / 390 * 100vw), 78px);
    }

    .unit_intro .ttl_intro {
        font-size: min(calc(36 / 390 * 100vw), 36px);
        margin-bottom: min(calc(56 / 390 * 100vw), 56px);
    }

    .unit_intro .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
        text-align: left;
    }
}

/*unit01
受付・待合室*/
.unit01 {
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
    max-width: 1920px;
}

.unit01 .unit01_inner {
    overflow: hidden;
    width: 84.167%;
    margin: 0 auto;
    display: flex;
    gap: 0 5.95%;
    justify-content: flex-end;
}

.unit01.reverse .unit01_inner {
    flex-flow: row-reverse;
    justify-content: flex-end;
}

.unit01 .unit01_inner .box_text {
    width: 26.61%;
    margin-top: min(calc(80 / 1920 * 100vw), 80px);
}

.ttl_unit01 {
    position: relative;
    z-index: 0;
    color: var(--primary-color);
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-family: "Noto Serif JP", serif;
    line-height: 1.36;
    letter-spacing: .04em;
    padding-bottom: min(calc(18 / 1920 * 100vw), 18px);
    margin-bottom: min(calc(88 / 1920 * 100vw), 88px);
}

.ttl_unit01::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #ddd;
    left: 0;
    bottom: 0;
    width: 200%;
    height: 1px;
}

.unit01 .text00 {
    color: #555;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}

.reverse .ttl_unit01::after {
    left: auto;
    right: 0;
}

.unit01 .unit01_inner .box_img {
    width: 56.93%;
    clip-path: polygon(min(calc(77 / 1920 * 100vw), 77px) 0px, 100% 0%, 100% 100%, 0% 100%);
}

.unit01.reverse .unit01_inner .box_img {
    clip-path: polygon(0 0, calc(100% - min(calc(77 / 1920 * 100vw), 77px)) 0%, 100% 100%, 0% 100%);
}

@media screen and (max-width:1199px) {
    .unit01 {
        margin-bottom: 96px;
        overflow: hidden;
    }

    .unit01 .unit01_inner,
    .unit01.reverse .unit01_inner {
        overflow: unset;
        width: 89.58%;
        justify-content: space-between;
        gap: 0;
    }

    .unit01 .unit01_inner .box_text {
        width: 37.21%;
        margin-top: 92px;
    }

    .ttl_unit01 {
        font-size: 40px;
        padding-bottom: 25px;
        margin-bottom: 52px;
    }

    .ttl_unit01::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        left: 0;
        bottom: 0;
        width: 200%;
        height: 1px;
    }

    .unit01 .text00 {
        font-size: 17px;
    }

    .unit01 .unit01_inner .box_img {
        width: 61.63%;
        clip-path: polygon(67px 0px, 100% 0%, 100% 100%, 0% 100%);
        margin-right: calc(50% - 50vw);
    }

    .unit01.reverse .unit01_inner .box_img {
        clip-path: polygon(0 0, calc(100% - 67px) 0%, 100% 100%, 0% 100%);
        margin-right: 0;
        margin-left: calc(50% - 50vw);
    }
}

@media screen and (max-width: 767px) {
    .unit01 {
        margin-bottom: min(calc(75 / 390 * 100vw), 75px);
    }

    .unit01 .unit01_inner,
    .unit01.reverse .unit01_inner {
        width: 87.69%;
        flex-flow: column-reverse;
        gap: min(calc(54 / 390 * 100vw), 54px) 0;
    }

    .unit01 .unit01_inner .box_text {
        width: 100%;
        margin-top: 0;
    }

    .ttl_unit01 {
        font-size: min(calc(34 / 390 * 100vw), 34px);
        padding-bottom: min(calc(28 / 390 * 100vw), 28px);
        margin-bottom: min(calc(40 / 390 * 100vw), 40px);
        border-bottom: 1px solid #ddd;
    }

    .ttl_unit01::after {
        display: none;
    }

    .unit01 .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }

    .unit01 .unit01_inner .box_img {
        width: calc(100% + 50vw - 50%);
        clip-path: polygon(min(calc(32 / 390 * 100vw), 32px) 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit01.reverse .unit01_inner .box_img {
        clip-path: polygon(0 0, calc(100% - min(calc(32 / 390 * 100vw), 32px)) 0%, 100% 100%, 0% 100%);
    }
}

/*unit02
虫歯を早期発見治療*/
.unit02 {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
    padding-bottom: min(calc(72 / 1920 * 100vw), 72px);
}

.unit02 .unit02_inner {
    position: relative;
    z-index: 0;
    width: 84.167%;
    margin: 0 auto;
    display: flex;
    gap: 0 3.47%;
    justify-content: flex-end;
}

.unit02.reverse .unit02_inner {
    flex-flow: row-reverse;
    justify-content: flex-end;
}

.unit02 .unit02_inner .box_text {
    width: 31.68%;
    margin-top: min(calc(80 / 1920 * 100vw), 80px)
}

.unit02 .unit02_inner .box_text .text00 {
    color: #555;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}

.unit02 .unit02_inner .box_text .text00+.text00 {
    margin-top: 1em;
}

.ttl_unit02 {
    position: relative;
    z-index: 0;
    color: var(--primary-color);
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-family: "Noto Serif JP", serif;
    line-height: 1.36;
    letter-spacing: .04em;
    padding-bottom: min(calc(18 / 1920 * 100vw), 18px);
    margin-bottom: min(calc(80 / 1920 * 100vw), 80px);
}

.ttl_unit02 .size_s {
    font-size: .8334em;
}

.ttl_unit02 .size_ss {
    font-size: .5834em;
}

.ttl_unit02::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #ddd;
    left: 0;
    bottom: 0;
    width: 150%;
    height: 1px;
}

.reverse .ttl_unit02::after {
    left: auto;
    right: 0;
}

.unit02 .unit02_inner .box_img {
    position: relative;
    z-index: 0;
    width: 54.46%;
    align-self: baseline;
}

.unit02 .unit02_inner .box_img img {
    clip-path: polygon(min(calc(77 / 1920 * 100vw), 77px) 0px, 100% 0%, 100% 100%, 0% 100%);
    object-fit: cover;
    object-position: top left;
    height: 100%;
}

.unit02.reverse .unit02_inner .box_img img {
    clip-path: polygon(0 0, calc(100% - min(calc(77 / 1920 * 100vw), 77px)) 0%, 100% 100%, 0% 100%);
}

.unit02 .unit02_inner .box_img .dec_parts {
    position: absolute;
    z-index: -1;
    display: block;
    bottom: max(calc(-72 / 1920 * 100vw), -72px);
    right: -17.0%;
    background-color: #F6F6F6;
    width: 111.13%;
    height: 85%;
    clip-path: polygon(min(calc(66 / 1920 * 100vw), 66px) 0px, 100% 0%, 100% 100%, 0% 100%);
}

.unit02.reverse .unit02_inner .box_img .dec_parts {
    right: auto;
    left: -17.0%;
    clip-path: polygon(0 0, calc(100% - min(calc(66 / 1920 * 100vw), 66px)) 0px, 100% 100%, 0% 100%);
}

.unit02.back_gray .unit02_inner .box_img .dec_parts {
    background-color: #F6F6F6;
}

@media screen and (max-width:1199px) {
    .unit02 {
        overflow: hidden;
        margin-bottom: 96px;
        padding-bottom: 40px;
    }

    .unit02 .unit02_inner,
    .unit02.reverse .unit02_inner {
        width: 89.58%;
        gap: 0;
        justify-content: space-between;
    }

    .unit02 .unit02_inner .box_text {
        width: 39.5%;
        margin-top: 28px;
    }

    .unit02 .unit02_inner .box_text .text00 {
        font-size: 17px;
    }

    .ttl_unit02 {
        font-size: 40px;
        padding-bottom: 26px;
        margin-bottom: 52px;
        letter-spacing: -0.04em;
        width: 134%;
    }

    .ttl_unit02 .size_s {
        font-size: .9em;
    }

    .ttl_unit02 .size_ss {
        font-size: .7em;
    }

    .unit02 .unit02_inner .box_img {
        width: 55.82%;
    }

    .unit02 .unit02_inner .box_img img {
        clip-path: polygon(67px 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit02.reverse .unit02_inner .box_img img {
        clip-path: polygon(0 0, calc(100% - 67px) 0%, 100% 100%, 0% 100%);
    }

    .unit02 .unit02_inner .box_img .dec_parts {
        bottom: -40px;
        right: -10.41%;
        width: 100%;
        height: 100%;
        clip-path: polygon(66px 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit02.reverse .unit02_inner .box_img .dec_parts {
        right: auto;
        left: -17.0%;
        clip-path: polygon(0 0, calc(100% - 66px) 0px, 100% 100%, 0% 100%);
    }
}

@media screen and (max-width: 767px) {
    .unit02 {
        overflow: hidden;
        margin-bottom: min(calc(66 / 390 * 100vw), 66px);
        padding-bottom: 0;
        padding-top: min(calc(32 / 390 * 100vw), 32px);
    }

    .unit02 .unit02_inner,
    .unit02.reverse .unit02_inner {
        width: 87.69%;
        flex-flow: column-reverse;
        gap: min(calc(48 / 390 * 100vw), 48px) 0;
    }

    .unit02 .unit02_inner .box_text {
        width: 100%;
        margin-top: 0;
    }

    .unit02 .unit02_inner .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }

    .ttl_unit02 {
        font-size: min(calc(34 / 390 * 100vw), 34px);
        padding-bottom: min(calc(18 / 390 * 100vw), 18px);
        margin-bottom: min(calc(40 / 390 * 100vw), 40px);
        border-bottom: 1px solid #ddd;
    }

    .ttl_unit02 .size_s {
        font-size: .9412em;
    }

    .ttl_unit02 .size_ss {
        font-size: .7059em;
    }

    .ttl_unit02::after {
        display: none;
    }

    .unit02 .unit02_inner .box_img {
        width: 100%;
    }

    .unit02 .unit02_inner .box_img img {
        clip-path: polygon(min(calc(32 / 390 * 100vw), 32px) 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit02.reverse .unit02_inner .box_img img {
        clip-path: polygon(0px 0px, calc(100% - min(calc(32 / 390 * 100vw), 32px)) 0%, 100% 100%, 0% 100%);
    }

    .unit02 .unit02_inner .box_img .dec_parts {
        top: max(calc(-32 / 390 * 100vw), 32px);
        right: -6.976%;
        width: 90.70%;
        height: 93.20%;
        clip-path: polygon(min(calc(32 / 390 * 100vw), 32px) 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit02.reverse .unit02_inner .box_img .dec_parts {
        right: auto;
        left: -6.976%;
        clip-path: polygon(0 0, calc(100% - min(calc(28 / 390 * 100vw), 28px)) 0px, 100% 100%, 0% 100%);
    }
}

.unit03 {
    overflow: hidden;
    max-width: 1920px;
    margin: min(calc(112 / 1920 * 100vw), 112px) auto min(calc(112 / 1920 * 100vw), 112px);
    padding-bottom: min(calc(58 / 1920 * 100vw), 58px);
}

.unit03 .unit03_inner {
    position: relative;
    z-index: 0;
    width: 84.167%;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap row-reverse;
    gap: 0 5.94%;
    justify-content: flex-end;
}

.unit03.reverse .unit03_inner {
    flex-flow: row wrap;
}


.unit03 .unit03_inner .box_text {
    width: 27%;
}

.unit03 .unit03_inner .box_text .text00+.text00 {
    margin-top: 1em;
}

.ttl_unit03 {
    position: relative;
    z-index: 0;
    color: var(--primary-color);
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-family: "Noto Serif JP", serif;
    line-height: 1.2;
    letter-spacing: .04em;
    padding-bottom: min(calc(30 / 1920 * 100vw), 30px);
    margin-bottom: min(calc(16 / 1920 * 100vw), 16px);
}

.ttl_unit03 .size_s {
    font-size: .8334em;
}

.ttl_unit03 .size_ss {
    font-size: .5834em;
}

.ttl_unit03::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #ddd;
    right: 0;
    bottom: 0;
    width: 150%;
    height: 1px;
}

.reverse .ttl_unit03::after {
    right: auto;
    left: 0;
}

.unit03 .unit03_inner h3 .en {
    position: relative;
    z-index: 0;
    display: block;
    text-align: right;
    font-family: Corinthia;
    font-size: min(calc(120 / 1920 * 100vw), 120px);
    font-weight: 400;
    line-height: 72%;
    letter-spacing: 0;
    margin-bottom: min(calc(7.5 / 1920 * 100vw), 7.5px);
}


.unit03 .unit03_inner p.en {
    text-align: right;
    font-family: Corinthia;
    color: #E0CDA8;
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    margin-bottom: min(calc(56 / 1920 * 100vw), 56px);
}



.unit03 .box_text .text00 {
    color: #555;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}

.unit03 .unit03_inner .box_img {
    position: relative;
    z-index: 0;
    width: 56.93%;
    align-self: baseline;
}

.unit03 .unit03_inner .box_img img {
    object-fit: cover;
    object-position: top left;
    height: 100%;
    clip-path: polygon(0 0, calc(100% - min(calc(77 / 1920 * 100vw), 77px)) 0%, 100% 100%, 0% 100%);
}

.unit03.reverse .unit03_inner .box_img img {
    clip-path: polygon(min(calc(77 / 1920 * 100vw), 77px) 0px, 100% 0%, 100% 100%, 0% 100%);
}

.unit03 .unit03_inner .box_img02 {
    margin: min(calc(56 / 1920 * 100vw), 56px) 0 0 max(calc(-17 / 1920 * 100vw), -17px);
    width: 153.7%;
    display: flex;
    justify-content: space-between;
}

.unit03.reverse .unit03_inner .box_img02 {
    margin-left: -53.7%;
}

.unit03 .unit03_inner .box_img02 picture {
    display: block;
    width: 46.98%;
}

.unit03 .unit03_inner .box_img02 .img02_2 {
    margin: min(calc(58 / 1920 * 100vw), 58px) 0 max(calc(-58 / 1920 * 100vw), -58px);
}

.unit03.reverse .unit03_inner .box_img02 .img02_1 {
    margin: min(calc(58 / 1920 * 100vw), 58px) 0 max(calc(-58 / 1920 * 100vw), -58px);
}

.unit03.reverse .unit03_inner .box_img02 .img02_2 {
    margin: 0;
}

.unit03 .unit03_inner .dec_parts {
    position: absolute;
    z-index: -1;
    display: block;
    bottom: max(calc(-72 / 1920 * 100vw), -72px);
    left: -16.0%;
    background-color: #F6F6F6;
    width: 106.30%;
    height: 85%;
    clip-path: polygon(0 0, calc(100% - min(calc(66 / 1920 * 100vw), 66px)) 0px, 100% 100%, 0% 100%);
}

.unit03.reverse .unit03_inner .dec_parts {
    left: auto;
    right: -16.0%;
    clip-path: polygon(min(calc(66 / 1920 * 100vw), 66px) 0, 100% 0px, 100% 100%, 0% 100%);
}

.unit03.back_beige .unit03_inner .dec_parts {
    background-color: #F6F6F6;
}

@media screen and (max-width:1199px) {
    .unit03 {
        margin: 0 auto 40px;
        padding-bottom: 40px;
    }

    .unit03 .unit03_inner {
        width: 89.58%;
        display: flex;
        flex-flow: wrap row;
        gap: 0;
        justify-content: space-between;
    }

    .unit03 .unit03_inner .box_text {
        order: 2;
        width: 37.21%;
        margin-top: 30px;
    }

    .unit03.reverse .unit03_inner .box_text {
        order: 1;
    }

    .unit03 .unit03_inner .box_text .text00+.text00 {
        margin-top: 1em;
    }

    .ttl_unit03 {
        font-size: 40px;
        padding-bottom: 38px;
        margin-bottom: 56px;
    }

    .ttl_unit03 .size_s {
        font-size: .8em;
    }

    .ttl_unit03 .size_ss {
        font-size: .6em;
    }

    .unit03 .box_text .text00 {
        font-size: 17px;
    }

    .unit03 .unit03_inner .box_img {
        position: relative;
        z-index: 1;
        order: 1;
        width: 55.82%;
    }

    .unit03.reverse .unit03_inner .box_img {
        order: 2;
    }

    .unit03 .unit03_inner .box_img img {
        object-fit: cover;
        object-position: top left;
        height: 100%;
        clip-path: polygon(0 0, calc(100% - 69px) 0%, 100% 100%, 0% 100%);
    }

    .unit03.reverse .unit03_inner .box_img img {
        clip-path: polygon(69px 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit03 .unit03_inner .box_img02 {
        order: 3;
        margin: 0;
        width: 100%;
        margin-top: 96px;
        padding: 0 12px;

    }

    .unit03.reverse .unit03_inner .box_img02 {
        margin-left: 0;
    }

    .unit03 .unit03_inner .box_img02 picture {
        width: 47.15%;
    }

    .unit03 .unit03_inner .box_img02 .img02_1 {
        margin: 40px 0 -40px;
    }

    .unit03 .unit03_inner .box_img02 .img02_2 {
        margin: 0;
    }

    .unit03.reverse .unit03_inner .box_img02 .img02_1 {
        margin: 0;
    }

    .unit03.reverse .unit03_inner .box_img02 .img02_2 {
        margin: 40px 0 -40px;
    }

    .unit03 .unit03_inner .dec_parts {
        bottom: -40px;
        left: -10.412%;
        width: 100%;
        height: 100%;
        clip-path: polygon(0 0, calc(100% - 69px) 0px, 100% 100%, 0% 100%);
    }

    .unit03.reverse .unit03_inner .dec_parts {
        left: auto;
        right: -10.412%;
        clip-path: polygon(69px 0, 100% 0px, 100% 100%, 0% 100%);
    }
}

@media screen and (max-width: 767px) {
    .unit03 {
        margin: 0 auto min(calc(88 / 390 * 100vw), 88px);
        padding-bottom: 0;
        padding-top: min(calc(32 / 390 * 100vw), 32px)
    }

    .unit03 .unit03_inner {
        width: 87.69%;
        flex-direction: column-reverse;

    }

    .unit03 .unit03_inner .box_text,
    .unit03.reverse .unit03_inner .box_text {
        order: 2;
        width: 100%;
        margin-top: 0;
    }

    .ttl_unit03 {
        font-size: min(calc(36 / 390 * 100vw), 36px);
        padding-bottom: min(calc(21 / 390 * 100vw), 21px);
        margin-bottom: min(calc(40 / 390 * 100vw), 40px);
        border-bottom: 1px solid #ddd;
    }

    .ttl_unit03 .size_s {
        font-size: .889em;
    }

    .ttl_unit03 .size_ss {
        font-size: .667em;
    }

    .ttl_unit03::after {
        display: none;
    }

    .unit03 .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }

    .unit03 .unit03_inner .box_img,
    .unit03.reverse .unit03_inner .box_img {
        position: relative;
        z-index: 1;
        order: 1;
        width: 100%;
        margin-bottom: min(calc(52 / 390 * 100vw), 52px);
        margin-top: min(calc(52 / 390 * 100vw), 52px);
    }

    .unit03 .unit03_inner .box_img img {
        object-fit: cover;
        object-position: top left;
        height: 100%;
        clip-path: unset;
    }

    .unit03.reverse .unit03_inner .box_img img {
        clip-path: polygon(min(calc(32 / 390 * 100vw), 32px) 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit03 .unit03_inner .box_img .dec_parts {
        position: absolute;
        z-index: -1;
        display: none;
        bottom: max(calc(-72 / 1920 * 100vw), -72px);
        right: -17.0%;
        background-color: #F6F2EC;
        width: 111.13%;
        height: 85%;
        clip-path: polygon(min(calc(66 / 1920 * 100vw), 66px) 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    /*
    .unit03 .unit03_inner .dec_parts {
        bottom: auto;
        top: -9.10%;
        left: -6.976%;
        width: 90.70%;
        height: 93.18%;
        clip-path: polygon(0 0, calc(100% - min(calc(33 / 390 * 100vw), 33px)) 0px, 100% 100%, 0% 100%);
    }

    .unit03.reverse .unit03_inner .dec_parts {
        left: auto;
        right: -6.976%;
        clip-path: polygon(min(calc(33 / 390 * 100vw), 33px) 0, 100% 0px, 100% 100%, 0% 100%);
    }
*/
}



/*　------------------------------
  当てはまる方はご相談ください
　------------------------------ */
.unit_consultation {
    width: 100%;
    max-width: 1272px;
    margin: auto;
    padding-bottom: min(calc(58 / 1920 * 100vw), 58px);
}

.bl_consultationWrapper img {
    width: auto;
    height: 152px;
}

.bl_consultation_txt {
    font-family: Noto Sans JP;
    font-weight: 300;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 6%;
    text-align: center;
    margin-top: 10px;
}

.bl_consultationWrapper {
    /*
  padding: 18px 0 140px;
  */
    padding: 20px 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../../assets/img/cavity/consultation_back_pc.svg");
}

/*
.unit_inner__consultation {
  margin-top:112px;
  padding-top:112px;bl_consultation_txt
}
*/

.unit_consultation .ttl_intro_consultation {
    color: #60A8B0;
    text-align: center;
    font-family: "Shippori Mincho", serif;
    font-size: max(calc(48 / 1920 * 100vw), 48px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.0;
    letter-spacing: .04em;
    margin-bottom: min(calc(48 / 1920 * 100vw), 48px);
}

.unit_consultation .ttl_intro_consultation .size_s {
    font-size: .708em;
    color: #555;
}

.bl_consultationWrapper ul {
    margin: 0 auto;
    width: 100%;
}

.bl_consultationWrapper li {
    text-align: center;
}

.bl_consultationWrapper li:nth-child(odd) {
    padding-top: 34px;
}

.unit_consultation .text00 {
    margin-top: max(calc(54 / 1920 * 100vw), 54px);
    font-weight: 300;
    font-size: 18px;
    line-height: 200%;
    letter-spacing: 6%;
    text-align: center;

}

@media screen and (min-width: 1200px) {
    .bl_consultationWrapper {
        background-position: top;
        margin: auto;
    }

    .bl_consultationWrapper ul {
        padding: 20px;
        margin: auto;
        display: flex;
        justify-content: space-around;
        gap: 40px;
        text-align: center;
        box-sizing: border-box;
    }

    .unit_consultation .text00 {
        margin: auto;
        max-width: 872px;
    }
}

@media screen and (max-width: 1199px) {
    .bl_consultationWrapper {
        padding: 30px 0 33px;
        background-image: url("../../assets/img/cavity/consultation_back_tb.svg");
        background-size: contain;
    }

    .unit_consultation .unit_inner__consultation {
        width: 830px;
        margin: auto;
    }

    .bl_consultationWrapper ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        box-sizing: border-box;
    }

    .bl_consultationWrapper li {
        width: 25%;
    }

    .bl_consultationWrapper li:nth-child(odd) {
        padding-top: 0px;
    }

    .bl_consultationWrapper li:nth-child(even) {
        padding-top: 34px;
    }
}

@media screen and (max-width: 767px) {
    .unit_inner__consultation {
        padding-top: 0;
    }

    .bl_consultationWrapper {
        background-image: url("../../assets/img/cavity/consultation_back_sp.svg");
        width: 100%;
        max-width: calc(100% - 48px);
        margin: auto;
    }

    .unit_consultation .unit_inner__consultation {
        width: 100%;
        margin: auto;
    }

    .ttl_intro_consultation {
        line-height: 135%;
    }

    /*
  .bl_consultationWrapper img,
  */
    .bl_consultationWrapper li {
        width: 57%;
        padding: 0;
        margin: 0;
    }

    .bl_consultationWrapper li:nth-child(odd) {
        padding: 0;
        margin-left: auto;
    }

    .bl_consultationWrapper li:nth-child(n+2) {
        margin-top: -55px;
    }

    .bl_consultationWrapper img {
        margin-bottom: 17px;
    }

    .bl_consultationWrapper ul {
        display: block;
    }

    .unit_inner__consultation .ttl_intro {
        font-size: 40px;
    }

    .unit_inner__consultation .ttl_intro span {
        font-size: 32px;
    }

    .unit_inner__consultation .text00 {
        text-align: left;
        width: 87.69%;
        margin: 30px auto;
    }
}





/*unit04
診療室*/

.unit04 {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
    padding-bottom: calc(113px + 0.020833333 * (100vw - 1200px));
}



@media screen and (min-width:1920px) {
    .unit04 {
        padding-bottom: calc(128 / 1920 * 100vw);
    }
}



.unit04 .unit04_inner {
    position: relative;
    z-index: 0;
    width: 84.167%;
    margin: 0 auto;
    display: flex;
    flex-flow: row-reverse;
    gap: 0 5.94%;
    justify-content: flex-end;
}

.unit04.reverse .unit04_inner {
    flex-flow: row;
}

.unit04 .unit04_inner .box_text {
    position: relative;
    z-index: 1;
    width: 26.74%;
    mix-blend-mode: multiply;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.unit04 .unit04_inner .box_text .dec_parts {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -57.40%;
    width: 231.48%;
    height: 100%;
    background-color: #F5F9F8;
    clip-path: polygon(0px 0px, 100% 0%, 100% 100%, min(calc(88 / 1920 * 100vw), 88px) 100%);
}

.unit04.reverse .unit04_inner .box_text .dec_parts {
    left: auto;
    right: -57.40%;
    clip-path: polygon(0px 0px, 100% 0%, calc(100% - min(calc(88 / 1920 * 100vw), 88px)) 100%, 0 100%);
}

.unit04 .unit04_inner .box_text .text00 {
    color: #555;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}

.unit04 .unit04_inner .box_text .text00+.text00 {
    margin-top: 1em;
}

.ttl_unit04 {
    position: relative;
    z-index: 0;
    color: #60A8B0;
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-family: "Noto Serif JP", serif;
    line-height: 1.36;
    letter-spacing: .04em;
    margin-bottom: min(calc(68 / 1920 * 100vw), 68px);
}

.unit04 .unit04_inner .box_img {
    position: relative;
    z-index: 0;
    margin: min(calc(88 / 1920 * 100vw), 88px) 0 max(calc(-88 / 1920 * 100vw), -88px);
    width: 56.93%;
    align-self: baseline;
}

.unit04 .unit04_inner .box_img img {
    clip-path: polygon(0 0, calc(100% - min(calc(77 / 1920 * 100vw), 77px)) 0%, 100% 100%, 0% 100%);
    object-fit: cover;
    object-position: top left;
    height: 100%;
}

.unit04.reverse .unit04_inner .box_img img {
    clip-path: polygon(min(calc(77 / 1920 * 100vw), 77px) 0px, 100% 0%, 100% 100%, 0% 100%);
}

.unit04 .unit04_inner .box_img .dec_parts {
    position: absolute;
    z-index: -1;
    display: block;
    bottom: max(-40px, calc(-40 / 1920 * 100vw));
    left: -16.5%;
    background-color: #F6F6F6;
    width: 106.96%;
    height: 87.69%;
    clip-path: polygon(0 0, calc(100% - min(calc(66 / 1920 * 100vw), 66px)) 0px, 100% 100%, 0% 100%);
}

.unit04.reverse .unit04_inner .box_img .dec_parts {
    left: auto;
    right: -16.5%;
    clip-path: polygon(min(calc(66 / 1920 * 100vw), 66px) 0px, 100% 0%, 100% 100%, 0% 100%);
}

.unit04.back_gray .unit04_inner .box_img .dec_parts {
    background-color: #F6F6F6;
}

@media screen and (max-width:1199px) {
    .unit04 {
        margin: 0 auto 136px;
        padding: 25px 0 100px;
    }

    .unit04 .unit04_inner {
        width: 89.58%;
        gap: 0;
        justify-content: space-between;
    }

    .unit04 .unit04_inner .box_text {
        width: 37.21%;
    }

    .unit04 .unit04_inner .box_text .dec_parts {
        left: -68.58%;
        width: 184.375%;
        height: 103%;
        top: -3%;
        clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 80px 100%);
    }

    .unit04.reverse .unit04_inner .box_text .dec_parts {
        left: auto;
        right: -68.58%;
        clip-path: polygon(0px 0px, 100% 0%, calc(100% - 80px) 100%, 0 100%);
    }

    .unit04 .unit04_inner .box_text .text00 {
        font-size: 17px;
    }

    .ttl_unit04 {
        font-size: 40px;
        margin-bottom: 41px;
    }

    .unit04 .unit04_inner .box_img {
        margin: 60px 0 -60px -5.813%;
        width: 61.63%;
    }

    .unit04.reverse .unit04_inner .box_img {
        margin: 60px -5.813% -60px 0;

    }

    .unit04 .unit04_inner .box_img img {
        clip-path: polygon(0 0, calc(100% - 77px) 0%, 100% 100%, 0% 100%);
        object-fit: cover;
        object-position: top left;
        height: 100%;
    }

    .unit04.reverse .unit04_inner .box_img img {
        clip-path: polygon(77px 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit04 .unit04_inner .box_img .dec_parts {
        bottom: -40px;
        left: 0;
        width: 86.79%;
        height: 87.69%;
        clip-path: polygon(0 0, calc(100% - 66) 0px, 100% 100%, 0% 100%);
    }

    .unit04.reverse .unit04_inner .box_img .dec_parts {
        left: auto;
        right: 0;
        clip-path: polygon(66px 0px, 100% 0%, 100% 100%, 0% 100%);
    }
}

@media screen and (max-width: 767px) {
    .unit04 {
        margin: 0 auto min(calc(88 / 390 * 100vw), 88px);
        padding: 0;
    }

    .unit04 .unit04_inner,
    .unit04.reverse .unit04_inner {
        width: 87.69%;
        flex-flow: column;
    }

    .unit04 .unit04_inner .box_text {
        width: 100%;
        display: block;
        padding: min(calc(79 / 390 * 100vw), 79px) 0 min(calc(72 / 390 * 100vw), 72px);
    }

    .unit04 .unit04_inner .box_text .dec_parts {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 114%;
        height: 100%;
        clip-path: polygon(0px min(calc(32 / 390 * 100vw), 32px), 100% 0%, 100% 100%, 0 100%);
    }

    .unit04.reverse .unit04_inner .box_text .dec_parts {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        clip-path: polygon(0px 0px, 100% min(calc(32 / 390 * 100vw), 32px), 100% 100%, 0 100%);
    }

    .unit04 .unit04_inner .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }

    .ttl_unit04 {
        font-size: min(calc(36 / 390 * 100vw), 36px);
        margin-bottom: min(calc(32 / 390 * 100vw), 32px);
    }

    .unit04 .unit04_inner .box_img,
    .unit04.reverse .unit04_inner .box_img {
        margin: 0;
        width: 100%;
    }

    .unit04 .unit04_inner .box_img img {
        clip-path: unset;
    }

    .unit04.reverse .unit04_inner .box_img img {
        clip-path: unset;
    }

    .unit04 .unit04_inner .box_img .dec_parts {
        bottom: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 114%;
        height: 31.25%;
        clip-path: unset;
        background-color: #F6F6F6;
    }

    .unit04.reverse .unit04_inner .box_img .dec_parts {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        clip-path: unset;
    }
}






/*unit05===============================
歯を抜かずに守る
精密根管治療
===============================*/
.unit05 {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
    padding: min(calc(40 / 1920 * 100vw), 40px) 0 min(calc(88 / 1920 * 100vw), 88px);
}

.unit05 .unit05_inner {
    position: relative;
    z-index: 0;
    width: 84.167%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    gap: 0 5.94%;
    justify-content: flex-end;
}

.unit05.reverse .unit05_inner {
    flex-flow: row-reverse;
    justify-content: flex-end;
}

.unit05 .unit05_inner .box_text {
    position: relative;
    z-index: 1;
    margin: min(calc(103 / 1920 * 100vw), 103px) 0 max(calc(-103 / 1920 * 100vw), -103px);
    width: 26.74%;
    padding-bottom: min(calc(48 / 1920 * 100vw), 48px);
    align-self: stretch;
    display: flex;
    flex-flow: column;
    justify-content: center;
    mix-blend-mode: multiply;
}

.unit05 .unit05_inner .box_text .dec_parts {
    position: absolute;
    z-index: -1;
    top: 0;
    right: -48.40%;
    width: 231.48%;
    height: 100%;
    background-color: #F5F9F8;
    clip-path: polygon(0px 0px, 100% 0%, calc(100% - min(calc(88 / 1920 * 100vw), 88px)) 100%, 0 100%);
}

.unit05.reverse .unit05_inner .box_text .dec_parts {
    right: auto;
    left: -48.40%;
    clip-path: polygon(0px 0px, 100% 0%, 100% 100%, min(calc(88 / 1920 * 100vw), 88px) 100%);
}

.unit05 .unit05_inner .box_text .text00+.text00 {
    margin-top: 1em;
}

.ttl_unit05 {
    position: relative;
    z-index: 0;
    color: #60A8B0;
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-family: "Noto Serif JP", serif;
    line-height: 1.35;
    letter-spacing: .04em;
    padding-bottom: min(calc(30 / 1920 * 100vw), 30px);
    margin-bottom: min(calc(16 / 1920 * 100vw), 16px);
}

.ttl_unit05 .size_s {
    font-size: .8334em;
}

.ttl_unit05 .size_ss {
    font-size: .5834em;
}

.ttl_unit05::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #ddd;
    right: 0;
    bottom: 0;
    width: 150%;
    height: 1px;
}


.unit05 .unit05_inner p.en {
    text-align: right;
    font-family: Corinthia;
    color: #E0CDA8;
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    margin-bottom: min(calc(56 / 1920 * 100vw), 56px);
}

.unit05 .box_text .text00 {
    color: #555;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}

.unit05 .unit05_inner .box_img {
    position: relative;
    z-index: 0;
    width: 57.0%;
    align-self: baseline;
}

.unit05 .unit05_inner .box_img img {
    clip-path: polygon(min(calc(77 / 1920 * 100vw), 77px) 0px, 100% 0%, 100% 100%, 0% 100%);
    object-fit: cover;
    object-position: top left;
    height: 100%;
}

.unit05.reverse .unit05_inner .box_img img {
    clip-path: polygon(0 0, calc(100% - min(calc(77 / 1920 * 100vw), 77px)) 0%, 100% 100%, 0% 100%);
}

.unit05 .unit05_inner .box_img .dec_parts {
    position: absolute;
    z-index: -1;
    display: block;
    top: -7.692%;
    right: -17.0%;
    background-color: #F5F5F5;
    width: 107.13%;
    height: 87.69%;
    clip-path: polygon(min(calc(72 / 1920 * 100vw), 72px) 0px, 100% 0%, 100% 100%, 0% 100%);
}

.unit05.reverse .unit05_inner .box_img .dec_parts {
    right: auto;
    left: -17.0%;
    clip-path: polygon(0 0, calc(100% - min(calc(72 / 1920 * 100vw), 72px)) 0px, 100% 100%, 0% 100%);
}

.unit05.color_gray .unit05_inner .box_img .dec_parts {
    background-color: #F5F5F5;
}

@media screen and (max-width:1199px) {
    .unit05 {
        margin: 0 auto 136px;
        padding: 66px 0 40px;
    }

    .unit05 .unit05_inner,
    .unit05.reverse .unit05_inner {
        width: 89.58%;
        gap: 0;
        justify-content: space-between;
    }

    .unit05 .unit05_inner .box_text {
        width: 37.21%;
        margin: -66px 0 66px;
        padding: 0 0 0;
    }

    .unit05 .unit05_inner .box_text .dec_parts {
        position: absolute;
        z-index: -1;
        top: 0;
        right: auto;
        left: -15.626%;
        width: 184.375%;
        height: 104.69%;
        background-color: #F5F5F5;
        clip-path: polygon(0px 0px, 100% 0%, calc(100% - 80px) 100%, 0 100%);
    }

    .unit05.reverse .unit05_inner .box_text .dec_parts {
        left: auto;
        right: -15.626%;
        clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 80px 100%);
    }

    .ttl_unit05 {
        font-size: 40px;
        margin-bottom: 38px;
    }

    .unit05 .box_text .text00 {
        font-size: 17px;
    }

    .unit05 .unit05_inner .box_img {
        width: 61.63%;
        margin-right: -5.815%;
    }

    .unit05.reverse .unit05_inner .box_img {
        margin-right: 0;
        margin-left: -5.815%;
    }

    .unit05 .unit05_inner .box_img img {
        clip-path: polygon(77px 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit05.reverse .unit05_inner .box_img img {
        clip-path: polygon(0 0, calc(100% - 77px) 0%, 100% 100%, 0% 100%);
    }


    .unit05 .unit05_inner .box_img .dec_parts {
        top: auto;
        bottom: -7.7%;
        right: 0;
        width: 86.79%;
        height: 87.69%;
        clip-path: polygon(66px 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit05.reverse .unit05_inner .box_img .dec_parts {
        right: auto;
        left: -17.0%;
        clip-path: polygon(0 0, calc(100% - 66px) 0px, 100% 100%, 0% 100%);
    }
}

@media screen and (max-width: 767px) {
    .unit05 {
        overflow: hidden;
        margin: 0 auto min(calc(96 / 390 * 100vw), 96px);
        padding: 0;
    }

    .unit05 .unit05_inner,
    .unit05.reverse .unit05_inner {
        width: 87.69%;
        flex-flow: column;
    }

    .unit05 .unit05_inner .box_text {
        width: 100%;
        margin: 0;
        display: block;
        padding: min(calc(88 / 390 * 100vw), 88px) 0 min(calc(72 / 390 * 100vw), 72px);
    }

    .unit05 .unit05_inner .box_text .dec_parts {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 114%;
        height: 100%;
        clip-path: polygon(0px 0, 100% min(calc(32 / 390 * 100vw), 32px), 100% 100%, 0 100%);

    }

    .unit05.reverse .unit05_inner .box_text .dec_parts {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        /*
        clip-path: polygon(0px min(calc(32 / 390 * 100vw), 32px), 100% 0%, 100% 100%, 0 100%);
        */
        clip-path: polygon(0px 0, 100% min(calc(32 / 390 * 100vw), 32px), 100% 100%, 0 100%);
    }

    .unit05 .unit05_inner .box_text .text00+.text00 {
        margin-top: 1em;
    }

    .ttl_unit05 {
        font-size: min(calc(32 / 390 * 100vw), 32px);
        margin-bottom: min(calc(29 / 390 * 100vw), 29px);
    }

    .unit05 .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }

    .unit05 .unit05_inner .box_img,
    .unit05.reverse .unit05_inner .box_img {
        width: 100%;
        margin: 0;
    }

    .unit05 .unit05_inner .box_img img,
    .unit05.reverse .unit05_inner .box_img img {
        clip-path: unset;
    }

    .unit05 .unit05_inner .box_img .dec_parts,
    .unit05.reverse .unit05_inner .box_img .dec_parts {
        position: absolute;
        z-index: -1;
        display: block;
        top: 0;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        background-color: #F8F8F8;
        width: 114%;
        height: 31.25%;
        clip-path: unset;
    }

}


.unit_intro .ttl_intro-a,
.ttl_unit-a {
    color: #DE90C7;
}

.unit_intro .ttl_intro-b,
.ttl_unit-b {
    color: #72CCBB;
}

.unit_intro .ttl_intro-c,
.ttl_unit-c {
    color: #60A8D0;
}







/*---------------------------------------*/
/*共用*/
.unit_p {}

.unit_p .unit_inner {
    width: 84.167%;
    margin: 0 auto;
    padding: 0 6.667%;
}

.unit_inner>p {}

@media screen and (max-width:1199px) {
    .unit_p .unit_inner {
        width: 89.58%;
        padding: 0;
    }
}

@media screen and (max-width:767px) {
    .unit_p .unit_inner {
        width: 87.69%;
    }
}

/*unit_point*/
.unit_point {
    max-width: 1920px;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px)
}

.unit_point .list_point {
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.unit_point .list_point .point00 {
    padding: min(calc(42 / 1920 * 100vw), 42px) min(calc(42 / 1920 * 100vw), 42px) min(calc(66 / 1920 * 100vw), 66px);
    width: 31.76%;
    background: linear-gradient(0deg, #8BBCCE, hsl(186deg 38% 79% / 90%) 100%);
}

.unit_point .list_point .point00:nth-child(odd) {
    padding-top: min(calc(66 / 1920 * 100vw), 66px);
}

.unit_point .list_point .point00 .box_img {
    width: 31.95%;
    margin: 0 auto;
}

.unit_point .list_point .point00 h3 {
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .04em;
    margin: min(calc(30 / 1920 * 100vw), 30px) 0 min(calc(33 / 1920 * 100vw), 33px);
    color: #fff;
}

.unit_point .list_point .point00 .text00 {
    text-align: left;
    line-height: 200%;
    font-size: min(calc(18 / 1920 * 100vw), 18px);
}

@media screen and (max-width:1199px) {
    .unit_point {
        margin-bottom: 96px;
    }

    .unit_point .list_point {
        width: 800px;
        max-width: 89.58%;
        margin: auto;
        flex-flow: column;
        gap: 24px;
    }

    .unit_point .list_point .point00 {
        padding: 36px;
        width: 632px;
        margin: auto;
    }

    .unit_point .list_point .point00 .box_img {
        width: 20.25%;
    }

    .unit_point .list_point .point00 h3 {
        font-size: 40px;
        margin: 23px 0 19px;
    }

    .unit_point .list_point .point00 .text00 {
        font-size: 17px;
    }

    .unit_point .list_point .point00 .text00 br {
        display: none;
    }
}

@media screen and (max-width:767px) {
    /*
    .unit_point {
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
    }
        */

    .unit_point .list_point {
        width: 87.69%;
        flex-flow: column;
        gap: min(calc(24 / 390 * 100vw), 24px);
    }

    .unit_point .list_point .point00 {
        max-width: 100%;
        margin: 0 auto;
        padding: min(calc(30 / 390 * 100vw), 30px) min(calc(32 / 390 * 100vw), 32px) min(calc(32 / 390 * 100vw), 32px);
    }

    .unit_point .list_point .point00 .box_img {
        width: min(calc(129 / 390 * 100vw), 129px);
    }

    .unit_point .list_point .point00 h3 {
        font-size: min(calc(28 / 390 * 100vw), 28px);
        margin: min(calc(27 / 390 * 100vw), 27px) 0 min(calc(14 / 390 * 100vw), 14px);
    }

    .unit_point .list_point .point00 .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }

    .unit_point .list_point .point00 .text00 br {
        display: inline;
    }

}

/*unit_root*/
.unit_root {
    max-width: 1920px;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
}

.unit_root .wrapper_root {
    border: 1px solid #ddd;
    padding: min(calc(55 / 1920 * 100vw), 55px) min(calc(80 / 1920 * 100vw), 80px) min(calc(64 / 1920 * 100vw), 64px);
}

.unit_root .wrapper_root h3 {
    color: #60A8B0;
    font-family: "Noto Serif JP";
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: min(calc(42 / 1920 * 100vw), 42px);
    display: flex;
    align-items: center;
    gap: min(calc(26 / 1920 * 100vw), 26px);
    letter-spacing: .06em;
}

.unit_root .wrapper_root h3 .dec01 {
    color: #FFF;
    font-family: "Noto Sans JP", serif;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%;
    background-color: #60A8B0;
    padding: .4375em 1em;
    letter-spacing: .08em;
}

.unit_root .wrapper_root .list_root {
    display: flex;
    justify-content: space-between;
}

.unit_root .wrapper_root .list_root .root00 {
    width: 31.334%;
}

.unit_root .wrapper_root .list_root .root00 .box_img {
    width: 100%;
}

.unit_root .wrapper_root .list_root .root00 .box_text {
    display: flex;
    gap: min(calc(20 / 1920 * 100vw), 20px);
    align-items: center;
    margin: min(calc(32 / 1920 * 100vw), 32px) 0 0 min(calc(6 / 1920 * 100vw), 6px);
}

.unit_root .wrapper_root .list_root .root00 .box_text .no {
    width: min(calc(56 / 1920 * 100vw), 56px);
    aspect-ratio: 1;
    background-color: #A6CFD3;
    border-radius: 999px;
    color: #FFF;
    font-family: "Advent Pro";
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
}

.unit_root .wrapper_root .list_root .root00 .box_text .text00 {
    width: min(calc(272 / 1920 * 100vw), 272px);
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.5;
}

@media screen and (max-width:1199px) {
    .unit_root {
        margin-bottom: 96px;
    }

    .unit_root .wrapper_root {
        width: 800px;
        max-width: 73.40%;
        margin: 0 auto;
        border: 1px solid var(--primary-color);
        padding: 40px 64px 56px;
    }

    .unit_root .wrapper_root h3 {
        font-family: "Noto Serif JP";
        font-size: 28px;
        margin-bottom: 46px;
        flex-flow: column;
        gap: 20px;
        align-items: flex-start;
        line-height: 1.35;
    }

    .unit_root .wrapper_root h3 .dec01 {
        font-size: 16px;
        margin-bottom: 2px;
    }

    .unit_root .wrapper_root .list_root {
        flex-flow: column;
        gap: 78px;
    }

    .unit_root .wrapper_root .list_root .root00 {
        position: relative;
        z-index: 0;
        width: 100%;
        display: flex;
        flex-flow: column-reverse;
    }

    .unit_root .wrapper_root .list_root .root00:nth-of-type(n+2)::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        background-image: url("../../assets/img/template/icon_root_arrow.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        top: -45px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 36px;
        aspect-ratio: 40 / 20;
    }

    .unit_root .wrapper_root .list_root .root00 .box_text {
        gap: 25px;
        margin: 0 0 10px 10px;
    }

    .unit_root .wrapper_root .list_root .root00 .box_text .no {
        width: 56px;
        font-size: 28px;
    }

    .unit_root .wrapper_root .list_root .root00 .box_text .text00 {
        width: calc(100% - 81px);
        font-size: 17px;
    }
}

@media screen and (max-width:767px) {
    .unit_root {
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
    }

    .unit_root .wrapper_root {
        width: 505px;
        max-width: 100%;
        padding: min(calc(26 / 390 * 100vw), 26px) min(calc(23 / 390 * 100vw), 23px) min(calc(40 / 390 * 100vw), 40px);
    }

    .unit_root .wrapper_root h3 {
        font-size: min(calc(24 / 390 * 100vw), 24px);
        margin-bottom: min(calc(48 / 390 * 100vw), 48px);
        gap: min(calc(14 / 390 * 100vw), 14px);
    }

    .unit_root .wrapper_root h3 .dec01 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }

    .unit_root .wrapper_root .list_root {
        gap: min(calc(54 / 390 * 100vw), 54px);
    }

    .unit_root .wrapper_root .list_root .root00:nth-of-type(n+2)::after {
        top: max(calc(-40 / 390 * 100vw), -40px);
        width: min(calc(36 / 390 * 100vw), 36px);
    }

    .unit_root .wrapper_root .list_root .root00 .box_text {
        gap: min(calc(13 / 390 * 100vw), 20px);
        margin: 0 0 min(calc(20 / 390 * 100vw), 20px);
    }

    .unit_root .wrapper_root .list_root .root00 .box_text .no {
        width: min(calc(56 / 390 * 100vw), 56px);
        font-size: min(calc(28 / 390 * 100vw), 28px);
    }

    .unit_root .wrapper_root .list_root .root00 .box_text .text00 {
        width: min(calc(224 / 390 * 100vw), 100%);
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }
}

/*unit_row01*/
.unit_row01 {
    max-width: 1920px;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
}

.unit_row01 .wrapper_row01 {
    border: 1px solid var(--primary-color);
    padding: min(calc(72 / 1920 * 100vw), 72px) min(calc(138 / 1920 * 100vw), 138px) min(calc(44 / 1920 * 100vw), 44px);
}

.unit_row01 .wrapper_row01 .list_row01 {
    display: flex;
    justify-content: space-between;
}

.unit_row01 .wrapper_row01 .list_row01 {
    display: flex;
    justify-content: space-between;
}

.unit_row01 .wrapper_row01 .list_row01 .card_row00 {
    width: 45.85%;
}

.unit_row01 .wrapper_row01 h3 {
    color: var(--primary-color);
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 700;
    font-family: "Noto Sans JP";
    line-height: 100%;
    /* 28px */
    display: flex;
    align-items: center;
    gap: min(calc(28 / 1920 * 100vw), 28px);
    margin: min(calc(38 / 1920 * 100vw), 38px) 0 min(calc(24 / 1920 * 100vw), 24px);
    padding: 0 min(calc(24 / 1920 * 100vw), 24px);
}

.unit_row01 .wrapper_row01 h3 .no {
    font-family: "Advent Pro";
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-style: normal;
    font-weight: 500;
    letter-spacing: .04em;
}

.unit_row01 .wrapper_row01 .text00 {
    padding: 0 min(calc(26 / 1920 * 100vw), 26px);
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    line-height: 1.5;
}

@media screen and (max-width:1199px) {
    .unit_row01 {
        margin-bottom: 96px;
    }

    .unit_row01 .wrapper_row01 {
        width: calc(688 / 768 * 100vw);
        max-width: 100%;
        margin: 0 auto;
        border: 1px solid var(--primary-color);
        padding: 48px 44px 46px;
    }

    .unit_row01 .wrapper_row01 .list_row01 .card_row00 {
        width: 46.667%;
    }

    .unit_row01 .wrapper_row01 h3 {
        color: var(--primary-color);
        font-size: 24px;
        gap: 3px;
        margin: 47px 0 25px;
        padding: 0;
    }

    .unit_row01 .wrapper_row01 h3 .no {
        font-size: 48px;
        margin-top: -4px;
        align-self: baseline;
    }

    .unit_row01 .wrapper_row01 .text00 {
        font-size: 17px;
        padding: 0;
    }
}

@media screen and (max-width:767px) {
    .unit_row01 {
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
    }

    .unit_row01 .wrapper_row01 {
        border: 0;
        padding: 0;
    }

    .unit_row01 .wrapper_row01 .list_row01 {
        flex-flow: column;
        gap: min(calc(32 / 390 * 100vw), 32px);
    }

    .unit_row01 .wrapper_row01 .list_row01 .card_row00 {
        border: 1px solid var(--primary-color);
        width: 100%;
        display: flex;
        flex-flow: column;
        padding: min(calc(47 / 390 * 100vw), 47px) min(calc(23 / 390 * 100vw), 23px) min(calc(40 / 390 * 100vw), 40px);
    }

    .unit_row01 .wrapper_row01 .list_row01 .card_row00 .box_img {
        order: 3;
    }

    .unit_row01 .wrapper_row01 h3 {
        order: 1;
        color: var(--primary-color);
        font-size: min(calc(24 / 390 * 100vw), 24px);
        gap: min(calc(10 / 390 * 100vw), 10px);
        margin: 0 0 min(calc(23 / 390 * 100vw), 23px);
    }

    .unit_row01 .wrapper_row01 h3 .no {
        font-size: min(calc(48 / 390 * 100vw), 48px);
        margin-top: max(calc(-5 / 390 * 100vw), -5px);

    }

    .unit_row01 .wrapper_row01 .text00 {
        order: 2;
        font-size: min(calc(16 / 390 * 100vw), 16px);
        margin-bottom: calc(32 / 390 * 100vw);
    }
}

/*unit_list01*/
.unit_list01 {
    max-width: 1920px;
    margin: 0 auto min(calc(130 / 1920 * 100vw), 130px);
}

.unit_list01 .unit_inner {
    padding: 0 9.6%;
    display: flex;
    justify-content: space-between;
}

.unit_list01 .unit_inner .box_img {
    width: 56.44%
}

.unit_list01 .unit_inner .box_list {
    width: 48.07%;
    margin: 0 0 0 -4.51%;
}

.unit_list01 .unit_inner .box_list h3 {
    color: var(--primary-color);
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 500;
    font-family: "Noto Sans JP";
    line-height: 135%;
    letter-spacing: .08em;
    margin-top: min(calc(21 / 1920 * 100vw), 21px);
    margin-bottom: min(calc(45 / 1920 * 100vw), 45px);
    padding-right: min(calc(20 / 1920 * 100vw), 20px);
    text-align: right;
}

.unit_list01 .unit_inner .box_list ul {
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 136%;
    display: flex;
    flex-flow: column;
    gap: 1em;
}

.unit_list01 .unit_inner .box_list ul li {
    position: relative;
    z-index: 0;
    background-color: rgb(217 237 237 / 40%);
    padding: 1.32em 0 1.32em 4.0625em;
    margin-left: auto;
    width: 100%;
}

.unit_list01 .unit_inner .box_list ul li::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-image: url("../../assets/img/cavity/icon_list_arrow.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: 50%;
    left: 2.6875em;
    transform: translateY(-50%);
    width: .4375em;
    aspect-ratio: 7 / 14;
}

.unit_list01 .unit_inner .box_list ul li:nth-of-type(even) {
    background-color: rgb(232 232 232 / 70%);
}

.unit_list01 .unit_inner .box_list ul li:nth-of-type(1) {
    width: 88%;
}

.unit_list01 .unit_inner .box_list ul li:nth-of-type(2) {
    width: 92%;
}

.unit_list01 .unit_inner .box_list ul li:nth-of-type(3) {
    width: 96%;
}

.unit_list01.reverse .unit_inner .box_list h3 {
    text-align: left;
}

.unit_list01.reverse .unit_inner {
    flex-flow: row-reverse;
}

.unit_list01.reverse .unit_inner .box_list {
    margin: 0 -4.51% 0 0;
}

.unit_list01.reverse .unit_inner .box_list ul li {
    margin-right: auto;
    margin-left: 0;
}

@media screen and (max-width:1199px) {
    .unit_list01 {
        margin-bottom: 105px;
    }

    .unit_list01 .unit_inner {
        padding: 0 0;
    }

    .unit_list01 .unit_inner .box_img {
        width: 45.93%
    }

    .unit_list01 .unit_inner .box_list {
        width: 69.76%;
        margin: 0 0 0 -15.69%;
    }

    .unit_list01 .unit_inner .box_list h3 {
        font-size: 28px;
        margin-top: 25px;
        margin-bottom: 33px;
        padding-right: 0;
    }

    .unit_list01 .unit_inner .box_list ul {
        font-size: 17px;
        gap: 1.067em;
    }

    .unit_list01 .unit_inner .box_list ul li {
        padding: 1.45em 0 1.45em 3.7334em;
    }

    .unit_list01 .unit_inner .box_list ul li::after {
        left: 2.067em;
    }

    .unit_list01 .unit_inner .box_list ul li:nth-of-type(1) {
        width: 85%;
    }

    .unit_list01 .unit_inner .box_list ul li:nth-of-type(2) {
        width: 90%;
    }

    .unit_list01 .unit_inner .box_list ul li:nth-of-type(3) {
        width: 95%;
    }
}

@media screen and (max-width:767px) {
    .unit_list01 {
        margin-bottom: min(calc(108 / 390 * 100vw), 108px);
    }

    .unit_list01 .unit_inner,
    .unit_list01.reverse .unit_inner {
        flex-flow: column-reverse;
        gap: min(calc(56 / 390 * 100vw), 56px);
    }

    .unit_list01 .unit_inner .box_img {
        width: 100%
    }

    .unit_list01 .unit_inner .box_list {
        width: 100%;
        margin: 0;
    }

    .unit_list01 .unit_inner .box_list h3 {
        font-size: min(calc(28 / 390 * 100vw), 28px);
        margin-top: 0;
        margin-bottom: min(calc(35 / 390 * 100vw), 35px);
        text-align: left;
    }

    .unit_list01 .unit_inner .box_list ul {
        font-size: min(calc(16 / 390 * 100vw), 16px);
        gap: 1em;
    }

    .unit_list01 .unit_inner .box_list ul li,
    .unit_list01 .unit_inner .box_list ul li:nth-of-type(1),
    .unit_list01 .unit_inner .box_list ul li:nth-of-type(2),
    .unit_list01 .unit_inner .box_list ul li:nth-of-type(3) {
        width: 97.1%;
        margin-right: auto;
        margin-left: 0;
        padding: 1.6em 1.1em 1.6em 2.667em;
    }

    .unit_list01 .unit_inner .box_list ul li:nth-of-type(even) {
        margin: 0 0 0 auto;
        padding-left: 3.25em;
    }

    .unit_list01 .unit_inner .box_list ul li::after {
        left: 0.90em;
        width: 0.65em;
    }

    .unit_list01 .unit_inner .box_list ul li:nth-of-type(even)::after {
        left: 1.60em;
    }
}

/*unit_image01*/
.unit_image01 {
    max-width: 1920px;
    margin: 0 auto min(calc(136 / 1920 * 100vw), 136px);
}

.unit_image01 .unit_inner {
    display: flex;
    justify-content: space-between;
}

.unit_image01 .unit_inner .box_img {
    position: relative;
    z-index: 0;
    width: 49.16%;
    margin-left: -2.6559%;
}

.unit_image01 .unit_inner .box_img img {
    transform: rotate(-2deg);
}

.unit_image01 .unit_inner .box_img .dec_parts {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #D7EBEB;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(3deg);
    width: 100%;
    height: 100%;
}

.unit_image01 .unit_inner .box_text {
    width: 39.92%;
}

.unit_image01 .unit_inner .box_text h3 {
    color: var(--primary-color);
    font-size: min(calc(32 / 1920 * 100vw), 32px);
    font-style: normal;
    font-weight: 500;
    font-family: "Noto Sans JP";
    line-height: normal;
    letter-spacing: .08em;
    margin: min(calc(66 / 1920 * 100vw), 66px) 0 min(calc(47 / 1920 * 100vw), 47px);
}

.unit_image01 .unit_inner .box_text .text00 {
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 2.0;
}

.unit_image01.reverse .unit_inner {
    flex-flow: row-reverse;
}

.unit_image01.reverse .unit_inner .box_img {
    margin-left: 0;
    margin-right: -2.6559%;
}

@media screen and (max-width:1199px) {
    .unit_image01 {
        margin-bottom: 120px;
    }

    .unit_image01 .unit_inner .box_img {
        width: 52%;
        margin-left: 0;
    }

    .unit_image01 .unit_inner .box_text {
        width: 42.7%;
        display: block;
    }

    .unit_image01 .unit_inner .box_text h3 {
        font-size: 24px;
        line-height: 1.35;
        letter-spacing: .08em;
        margin: 38px 0 25.67px;
    }

    .unit_image01 .unit_inner .box_text .text00 {
        font-size: 17px;
    }

    .unit_image01 .unit_inner .box_img {
        margin-right: 0;
    }
}

@media screen and (max-width:767px) {
    .unit_image01 {
        margin-bottom: min(calc(84 / 390 * 100vw), 84px);
    }

    .unit_image01 .unit_inner,
    .unit_image01.reverse .unit_inner {
        flex-flow: column;
    }

    .unit_image01 .unit_inner .box_img {
        order: 2;
        width: 100%;
    }

    .unit_image01 .unit_inner .box_text {
        display: contents;
    }

    .unit_image01 .unit_inner .box_text h3 {
        order: 1;
        font-size: min(calc(24 / 390 * 100vw), 24px);
        margin: 0 0 min(calc(45 / 390 * 100vw), 45px);
        text-align: center;
    }

    .unit_image01 .unit_inner .box_text .text00 {
        order: 3;
        font-size: min(calc(16 / 390 * 100vw), 16px);
        margin-top: min(calc(43 / 390 * 100vw), 43px);
    }
}

/*unit_image02*/
.unit_image02 {
    max-width: 1920px;
    margin: 0 auto min(calc(105 / 1920 * 100vw), 105px);
}

.unit_image02 .unit_inner {}

.unit_image02 .unit_inner .box_img {
    position: relative;
    z-index: -1;
    width: 94.10%;
    margin: 0 0 min(calc(58 / 1920 * 100vw), 58px) auto;
}

.unit_image02 .unit_inner .box_img .dec_parts {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #F6F6F6;
    bottom: max(calc(-184 / 1920 * 100vw), -184px);
    left: -28.125%;
    width: 122.5%;
    height: 97.87%;
}

.unit_image02 .unit_inner .box_text {
    margin: 0 auto;
    width: 75.0%;
}

.unit_image02 .unit_inner .box_text h3 {
    color: var(--primary-color);
    font-family: "Noto Serif JP";
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .04em;
    margin: 0 0 min(calc(46 / 1920 * 100vw), 46px);
}

.unit_image02 .unit_inner .box_text .text00 {
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-weight: 300;
    line-height: 2.0;
}

.unit_image02 .unit_inner .box_text .text00:nth-of-type(n+2) {
    margin-top: 1em;
}

.unit_image02.reverse .unit_inner .box_img {
    margin: 0 auto min(calc(60 / 1920 * 100vw), 60px) 0;
}

.unit_image02.reverse .unit_inner .box_img .dec_parts {
    left: auto;
    right: -28.125%;
}

.unit_image02.back_light-orange .unit_inner .box_img .dec_parts {
    background-color: #F8F5F0;
}

@media screen and (max-width:1199px) {
    .unit_image02 {
        margin-bottom: 120px;
    }

    .unit_image02 .unit_inner .box_img,
    .unit_image02.reverse .unit_inner .box_img {
        position: relative;
        z-index: -1;
        width: 100%;
        margin: 0 0 60px;
    }

    .unit_image02 .unit_inner .box_img .dec_parts {
        bottom: -178px;
        left: calc(-40 / 768 * 100vw);
        width: 100%;
        height: 114.9%;
    }

    .unit_image02 .unit_inner .box_text {
        width: 100%;
    }

    .unit_image02 .unit_inner .box_text h3 {
        font-size: 40px;
        margin: 0 0 46px;
    }

    .unit_image02 .unit_inner .box_text .text00 {
        font-size: 17px;
    }

    .unit_image02 .unit_inner .box_text .text00:nth-of-type(n+2) {
        margin-top: 1em;
    }

    .unit_image02.reverse .unit_inner .box_img .dec_parts {
        left: auto;
        right: calc(-40 / 768 * 100vw);
    }
}

@media screen and (max-width:767px) {
    .unit_image02 {
        margin-bottom: min(calc(140 / 390 * 100vw), 140px);
    }

    .unit_image02 .unit_inner {}

    .unit_image02 .unit_inner .box_img {
        width: calc(100% + 50vw - 50%);
        margin: 0 calc(50% - 50vw) min(calc(48 / 390 * 100vw), 48px) auto;
    }

    .unit_image02 .unit_inner .box_img .dec_parts {
        bottom: auto;
        top: min(calc(144 / 390 * 100vw), 144px);
        left: -6.5%;
        width: 84.78%;
        height: 232.56%;
    }

    .unit_image02 .unit_inner .box_text h3 {
        font-family: "Noto Serif JP";
        font-size: min(calc(32 / 390 * 100vw), 32px);
        margin: 0 0 min(calc(42 / 390 * 100vw), 42px);
    }

    .unit_image02 .unit_inner .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }

    .unit_image02 .unit_inner .box_text .text00:nth-of-type(n+2) {
        margin-top: 1em;
    }

    .unit_image02.reverse .unit_inner .box_img {
        width: calc(100% + 50vw - 50%);
        margin: 0 auto min(calc(48 / 390 * 100vw), 48px) calc(50% - 50vw);
    }

    .unit_image02.reverse .unit_inner .box_img .dec_parts {
        left: auto;
        right: -6.5%;
    }
}

/*unit_equipment*/
.unit_equipment {
    max-width: 1920px;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
}

.unit_equipment .unit_inner {
    padding: 0 10.8334%;
}


.unit_equipment .st00 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6.667%;
}

/* .unit_equipment .st00:nth-of-type(2n) {
    flex-flow: row-reverse;
} */

.unit_equipment .st00:nth-of-type(n + 2) {
    margin-top: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
}

.unit_equipment .st00 .box_text {
    width: 36%;
    color: #555;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}

.unit_equipment .st00 .box_text h3 {
    color: var(--primary-color);
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 500;
    font-family: "Noto Sans JP";
    line-height: 100%;
    letter-spacing: .08em;
    display: flex;
    align-items: center;
    gap: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 28px;
    margin-bottom: min(calc(31 / 1920 * 100vw), 31px);
}

.unit_equipment .st00 .box_text h3 .no {
    width: min(calc(48 / 1920 * 100vw), 48px);
    aspect-ratio: 1;
    background-color: #A6CFD3;
    border-radius: 999px;
    color: #FFF;
    font-family: "Advent Pro";
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    letter-spacing: .08em;
}

.unit_equipment .st00 .box_img {
    width: 50%;
    clip-path: polygon(9.167% 0px, 100% 0%, 100% 100%, 0% 100%);
}

.unit_equipment .st00:nth-of-type(2n+1) .box_img {
    clip-path: polygon(0 0px, calc(100% - 9.167%) 0%, 100% 100%, 0% 100%);
}

/* 親知らずで痛みがでる2つの症状 */
#wisdom-tooth-pain-symptoms-contents .text00 {
    font-size: 18px;
}

#wisdom-tooth-pain-symptoms-contents .unit_inner .st00:nth-of-type(odd) {
    flex-flow: row-reverse;
}

#wisdom-tooth-pain-symptoms-contents .unit_inner .st00:nth-of-type(odd) .box_img {
    clip-path: polygon(0 0px, calc(100% - 9.167%) 0%, 100% 100%, 0% 100%);
}

#wisdom-tooth-early-treatment .unit03_inner {
    width: 90%;
}


@media screen and (max-width:1199px) {
    #wisdom-tooth-pain-symptoms-contents .text00 {
        font-size: 17px;
    }

    /* 奇数：左端につける */
    #wisdom-tooth-pain-symptoms-contents .unit_inner .st00:nth-of-type(odd) .box_img {
        margin-left: calc(50% - 50vw);
        flex: 1.3
    }

    /* 偶数：右端につける */
    #wisdom-tooth-pain-symptoms-contents .unit_inner .st00:nth-of-type(even) .box_img {
        margin-right: calc(50% - 50vw);
        flex: 1.3
    }

    #wisdom-tooth-pain-symptoms-contents .unit_inner .st00:nth-of-type(n) .box_text {
        flex: 1;
    }
}

@media screen and (max-width:767px) {
    #wisdom-tooth-pain-symptoms-contents {
        margin-bottom: 40px;
    }

    #wisdom-tooth-pain-symptoms-contents .unit_inner .st00:nth-of-type(n) {
        flex-flow: column-reverse;
        margin-bottom: 40px;
    }

    /* 奇数：左端につける */
    #wisdom-tooth-pain-symptoms-contents .unit_inner .st00:nth-of-type(odd) .box_img {
        margin-left: 0;
        flex: 0;
        clip-path: unset;
    }

    /* 偶数：右端につける */
    #wisdom-tooth-pain-symptoms-contents .unit_inner .st00:nth-of-type(even) .box_img {
        margin-right: 0;
        flex: 0;
        clip-path: unset;
    }

    #wisdom-tooth-pain-symptoms-contents .text00 {
        font-size: 16px;
    }
}


/* start 抜歯後の注意事項 */
#after-extraction-care {
  padding: 82px 0 88px;
  background: #fff;
}

#after-extraction-care .unit_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

#after-extraction-care .box_text {
  text-align: center;
}

#after-extraction-care .box_text h3 {
  margin: 0;
  color: #8fc8d3;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.12em;
}

#after-extraction-care .box_text h3::after {
  content: "";
  display: block;
  width: 44px;
  height: 1px;
  margin: 24px auto 0;
  background: #8fc8d3;
}

#after-extraction-care .box_text .text00 {
  display: inline-block;
  margin: 56px auto 0;
  color: #666;
  font-size: 18px;
  font-weight: 300;
  line-height: 2.35;
  letter-spacing: 0.08em;
  text-align: left;
  vertical-align: top;
}

#after-extraction-care .box_text .text00 .indent {
  display: inline-block;
  padding-left: 1.8em;
}

/* =========================
   Tablet
========================= */
@media screen and (max-width: 1199px) {
  #after-extraction-care {
    padding: 68px 0 72px;
  }

  #after-extraction-care .unit_inner {
    padding: 0 24px;
  }

  #after-extraction-care .box_text h3 {
    font-size: 34px;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }

  #after-extraction-care .box_text h3::after {
    width: 40px;
    margin-top: 20px;
  }

  #after-extraction-care .box_text .text00 {
    margin-top: 42px;
    font-size: 17px;
    line-height: 2.2;
  }
}

/* =========================
   Smartphone
========================= */
@media screen and (max-width: 767px) {
  #after-extraction-care {
    padding: 42px 0 48px;
  }

  #after-extraction-care .unit_inner {
    padding: 0 16px;
  }

  #after-extraction-care .box_text h3 {
    font-size: 26px;
    line-height: 1.7;
    letter-spacing: 0.08em;
  }

  #after-extraction-care .box_text h3::after {
    width: 32px;
    margin-top: 14px;
  }

  #after-extraction-care .box_text .text00 {
    display: block;
    width: 100%;
    margin-top: 28px;
    font-size: 16px;
    line-height: 2.05;
    letter-spacing: 0.05em;
    text-align: left;
  }

  #after-extraction-care .box_text .text00 .indent {
    padding-left: 1.4em;
  }
}
/* end 抜歯後の注意事項 */

@media screen and (max-width:1199px) {
    .unit_equipment {
        margin-bottom: 96px;
    }

    .unit_equipment .unit_inner {
        padding: 0;
    }

    .unit_equipment .st00 {
        justify-content: space-between;
        gap: 0;
    }

    /* .unit_equipment .st00:nth-of-type(2n) {
        flex-flow: row-reverse;
    } */

    .unit_equipment .st00:nth-of-type(n + 2) {
        margin-top: 0;
    }

    .unit_equipment .st00 .box_text {
        width: 42.40%;
        color: #555;
        font-size: 15px;
    }

    .unit_equipment .st00 .box_text h3 {
        font-size: 28px;
        gap: 10px;
        margin-bottom: 23px;
    }

    .unit_equipment .st00 .box_text h3 .no {
        width: 40px;
        font-size: 28px;
    }

    .unit_equipment .st00 .box_img {
        width: 59.88%;
        margin-right: calc(50% - 50vw);
        clip-path: polygon(13.35% 0px, 100% 0%, 100% 100%, 0% 100%);
    }

    .unit_equipment .st00:nth-of-type(2n) .box_img {
        margin-right: 0;
        margin-left: calc(50% - 50vw);
        clip-path: polygon(0 0px, calc(100% - 13.35%) 0%, 100% 100%, 0% 100%);
    }

    .unit_equipment .st00 .box_img, .unit_equipment .st00:nth-of-type(even) .box_img {
        margin: 0;
        width: 100%;
        clip-path: unset;
    }
}

@media screen and (max-width:767px) {
    .unit_equipment {
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
        overflow: hidden;
    }

    .unit_equipment .equipment_swiper {
        overflow: unset;
    }

    .unit_equipment .swiper-wrapper {
        overflow: visible;
    }

    .unit_equipment .st00:nth-of-type(n + 2) {
        margin-top: 0;
    }

    .unit_equipment .st00 .box_text {
        width: 100%;
        font-size: min(calc(16 / 390 * 100vw), 16px);
        font-style: normal;
        font-weight: 300;
        line-height: 200%;
        letter-spacing: .08em;
    }

    .unit_equipment .st00 .box_text h3 {
        font-size: min(calc(24 / 390 * 100vw), 24px);
        gap: min(calc(10 / 390 * 100vw), 10px);
        margin: min(calc(30 / 390 * 100vw), 30px) auto min(calc(34 / 390 * 100vw), 34px);
        justify-content: center;
    }

    .unit_equipment .st00 .box_text h3 .no {
        width: min(calc(40 / 390 * 100vw), 40px);
        font-size: min(calc(24 / 390 * 100vw), 24px);
    }

    .unit_equipment .st00 .box_img,.unit_equipment .st00:nth-of-type(2n)
    .unit_equipment .st00:nth-of-type(2n) .box_img {
        margin: 0;
        width: 100%;
        clip-path: unset;
    }

    .unit_equipment .equipment_swiper .swiper-button-next,
    .unit_equipment .equipment_swiper .swiper-button-prev {
        width: min(calc(20 / 390 * 100vw), 20px);
        aspect-ratio: 24 / 50;
        top: min(calc(258 / 390 * 100vw), calc(258px + 0.530503979 * (100vw - 390px)));
    }

    .unit_equipment .equipment_swiper .swiper-button-next {
        right: max(calc(-10 / 390 * 100vw), 10px);
        left: auto;
    }

    .unit_equipment .equipment_swiper .swiper-button-prev {
        left: max(calc(-10 / 390 * 100vw), 10px);
        right: auto;
    }

    .unit_equipment .equipment_swiper .swiper-button-next::after,
    .unit_equipment .equipment_swiper .swiper-button-prev::after {
        content: "";
        background-image: url("../../assets/img/cavity/equipment_arrow01.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        width: 100%;
        aspect-ratio: 24 / 50;
    }

    .unit_equipment .equipment_swiper .swiper-button-prev::after {
        transform: scale(-1, 1);
    }

    .unit_equipment .st00,
    .unit_equipment .st00:nth-of-type(n) {
        flex-flow: column-reverse;
        justify-content: center;
        padding: 0 3.3625%;
    }

    .unit_equipment .st00 .box_img,
    .unit_equipment .st00:nth-of-type(n) .box_img {
        margin: 0;
        width: 100%;
        clip-path: unset;
    }

    /* #after-extraction-care .box_text .text00 {
        padding: 0 22px;
    } */
}


/*wrapper_bi01*/
.wrapper_bi01 {
    background-image: url("../../assets/img/wisdom-tooth-treatment/pattern01.png");
    background-repeat: repeat;
    background-size: 18px;
    background-position: center center;

}


/*unit_reserve*/
.unit_reserve {
    max-width: 1920px;
    margin: 0 auto;

    padding: min(calc(120 / 1920 * 100vw), 120px) 0 min(calc(176 / 1920 * 100vw), 176px);
}

.unit_reserve .unit_inner {
    padding: 0;
    max-width: 1280px;
    width: calc(100% - 80px);
}

.unit_reserve .unit_inner .box_text {
    position: relative;
    z-index: 0;
    /* aspect-ratio: 1120 / 432; */
    padding: min(calc(46 / 1920 * 100vw), 46px) min(calc(172 / 1920 * 100vw), 172px) 0;
    padding: min(calc(46 / 1920 * 100vw), 46px) min(calc(172 / 1920 * 100vw), 172px) 7vw;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: min(calc(4 / 1920 * 100vw), 4px) min(calc(4 / 1920 * 100vw), 4px) min(calc(12 / 1920 * 100vw), 12px) 0px rgba(0, 0, 0, 0.12);
}

.unit_reserve .unit_inner .box_text h3 {
    color: var(--primary-color);
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .08em;
    text-align: center;
    margin-bottom: min(calc(59 / 1920 * 100vw), 59px);
}

.unit_reserve .unit_inner .box_text h3 .size_l {
    display: block;
    font-size: 1.5em;
    margin-top: min(calc(13 / 1920 * 100vw), 13px);
}

.unit_reserve .unit_inner .box_text .text00 {
    color: #555;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
    text-align: center;
}

.unit_reserve .unit_inner .box_text .btn_reserve {
    position: absolute;
    z-index: 1;
    bottom: max(calc(-64 / 1920 * 100vw), -64px);
    left: 50%;
    transform: translateX(-50%);
    width: min(calc(632 / 1920 * 100vw), 632px);
    aspect-ratio: 632 / 160;
    background-color: var(--primary-color);
    opacity: 0.9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.unit_reserve .unit_inner .box_text .btn_reserve .dec_text {
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 128%;
    /* 30.72px */
    letter-spacing: -.04em;
    width: min(calc(136 / 1920 * 100vw), 136px);
    aspect-ratio: 1;
    border-radius: 999px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: min(calc(48 / 1920 * 100vw), 48px);
}

.unit_reserve .unit_inner .box_text .btn_reserve .dec_text .adjust {
    display: block;
    margin-top: max(calc(-5 / 1920 * 100vw), -5px);
}

.unit_reserve .unit_inner .box_text .btn_reserve .btn_name {
    width: min(calc(186 / 1920 * 100vw), 186px);
    color: #FFF;
    font-family: "Zen Kaku Gothic Antique";
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 40px */
    letter-spacing: .04em;
    display: flex;
    flex-flow: wrap;
    gap: min(calc(0 / 1920 * 100vw), 0) min(calc(0/ 1920 * 100vw), 0);
    margin-top: min(calc(30 / 1920 * 100vw), 30px);
}

.unit_reserve .unit_inner .box_text .btn_reserve .btn_name .btn_en {
    font-family: "Advent Pro";
    font-size: min(calc(47 / 1920 * 100vw), 47px);
    font-style: normal;
    letter-spacing: .08em;
}

.unit_reserve .unit_inner .box_text .btn_reserve .btn_name .en {
    width: fit-content;
    margin: 0 auto;
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    letter-spacing: 0;
    font-family: "Corinthia", cursive;
}

.unit_reserve .unit_inner .box_text .btn_reserve .dec_image {
    position: relative;
    z-index: 0;
    background-color: #fff;
    width: min(calc(100 / 1920 * 100vw), 100px);
    height: min(calc(2 / 1920 * 100vw), 2px);
    margin-left: min(calc(43 / 1920 * 100vw), 43px);
}

.unit_reserve .unit_inner .box_text .btn_reserve .dec_image::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: min(calc(10 / 1920 * 100vw), 10px);
    aspect-ratio: 1;
    border-radius: 99px;
}

@media screen and (max-width:1199px) {
    .unit_reserve {
        padding: 96px 0 176px;
    }

    .unit_reserve .unit_inner {
        padding: 0;
    }

    .unit_reserve .unit_inner .box_text {
        position: relative;
        z-index: 0;
        aspect-ratio: 1120 / 432;
        padding: 56px 60px 136px;
        box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.12);
    }

    .unit_reserve .unit_inner .box_text h3 {
        font-size: 24px;
        margin-bottom: 57px;
    }

    .unit_reserve .unit_inner .box_text h3 .size_l {
        font-size: 1.5em;
        margin-top: 12px;
    }

    .unit_reserve .unit_inner .box_text .text00 {
        font-size: 17px;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve {
        bottom: -80px;
        width: 592px;
        aspect-ratio: 592 / 160;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .dec_text {
        color: #FFF;
        text-align: center;
        font-family: "Noto Serif JP";
        font-size: 24px;
        width: 136px;
        aspect-ratio: 1;
        margin-right: 48px;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .dec_text .adjust {
        margin-top: -5px;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name {
        width: 182px;
        font-size: 40px;
        gap: 9px 1px;
        margin-top: 31px;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name .btn_en {
        font-family: "Advent Pro";
        font-size: 47px;
        font-style: normal;
        letter-spacing: .13em;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name .en {
        font-size: 24px;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .dec_image {
        position: relative;
        z-index: 0;
        background-color: #fff;
        width: 100px;
        height: 2px;
        margin-left: 43px;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .dec_image::after {
        width: 10px;
    }
}

@media screen and (max-width:767px) {
    .unit_reserve {
        padding: min(calc(88 / 390 * 100vw), 88px) 0 min(calc(160 / 390 * 100vw), 160px);
    }

    .unit_reserve .unit_inner {
        width: 91.80%;
    }

    .unit_reserve .unit_inner .box_text {
        position: relative;
        z-index: 0;
        aspect-ratio: unset;
        padding: min(calc(48 / 390 * 100vw), 48px) min(calc(31 / 390 * 100vw), 31px) min(calc(128 / 390 * 100vw), 128px);
        box-shadow: min(calc(4 / 390 * 100vw), 4px) min(calc(4 / 390 * 100vw), 4px) min(calc(12 / 390 * 100vw), 12px) 0px rgba(0, 0, 0, 0.12);
    }

    .unit_reserve .unit_inner .box_text h3 {
        font-size: min(calc(20 / 390 * 100vw), 20px);
        line-height: 144%;
        margin-bottom: min(calc(44.57 / 390 * 100vw), 44.57px);
    }

    .unit_reserve .unit_inner .box_text h3 .size_l {
        display: block;
        font-size: 1.3em;
        margin-top: min(calc(15 / 390 * 100vw), 15px);
    }

    .unit_reserve .unit_inner .box_text .text00 {
        color: #555;
        font-size: min(calc(16 / 390 * 100vw), 16px);
        font-style: normal;
        font-weight: 300;
        line-height: 190%;
        letter-spacing: .08em;
        text-align: center;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve {
        bottom: max(calc(-70 / 390 * 100vw), -70px);
        width: min(calc(320 / 390 * 100vw), 320px);
        aspect-ratio: 320 / 144;
        opacity: 0.9;
        flex-flow: column;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .dec_text {
        color: #FFF;
        text-align: center;
        font-family: "Noto Serif JP";
        font-size: min(calc(19 / 390 * 100vw), 19px);
        width: 100%;
        aspect-ratio: unset;
        border-radius: 0;
        border: 0;
        display: block;
        margin-right: 0;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .dec_text br {
        display: none;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .dec_text .adjust {
        margin-top: 0;
        letter-spacing: 0.09em;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name {
        width: min(calc(186 / 390 * 100vw), 186px);
        color: #FFF;
        font-family: "Zen Kaku Gothic Antique";
        font-size: min(calc(32 / 390 * 100vw), 32px);
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        /* 40px */
        letter-spacing: .04em;
        justify-content: center;
        gap: min(calc(15 / 390 * 100vw), 15px) min(calc(3 / 390 * 100vw), 3px);
        margin-top: min(calc(15 / 390 * 100vw), 15px);
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name .btn_en {
        font-family: "Advent Pro";
        font-size: min(calc(40 / 390 * 100vw), 40px);
        font-style: normal;
        letter-spacing: .08em;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name .en {
        font-size: min(calc(28 / 390 * 100vw), 28px);
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .dec_image {
        position: absolute;
        top: 50%;
        right: 8%;
        transform: translateY(-50%);
        width: min(calc(46 / 390 * 100vw), 46px);
        height: min(calc(2 / 390 * 100vw), 2px);
        margin-left: 0;
    }

    .unit_reserve .unit_inner .box_text .btn_reserve .dec_image::after {
        width: min(calc(12 / 390 * 100vw), 12px);
    }
}

@media screen and (max-width:390px) {
    .unit_reserve .unit_inner .box_text {
        aspect-ratio: 358 / 504;
    }
}



/*unit_cost*/
.unit_cost {
    max-width: 1920px;
    margin: 0 auto;

    padding: 0 0 min(calc(112 / 1920 * 100vw), 112px);
}

.unit_cost .unit_inner {
    padding: 0;
    max-width: 1280px;
    width: calc(100% - 80px);
}

.unit_cost .unit_inner .box_text {
    position: relative;
    z-index: 0;
    padding: min(calc(64 / 1920 * 100vw), 64px) min(calc(90 / 1920 * 100vw), 90px);
    background: rgba(255, 255, 255, 0.80);
    border: 1px solid #ddd;
}

.unit_cost .unit_inner .box_text h3 {
    position: relative;
    z-index: 0;
    color: var(--primary-color);
    font-family: "Noto Serif JP";
    font-size: min(calc(32 / 1920 * 100vw), 32px);
    font-weight: 400;
    line-height: 100%;
    letter-spacing: .08em;
    text-align: center;
    padding-bottom: min(calc(42 / 1920 * 100vw), 42px);
    margin-bottom: min(calc(40 / 1920 * 100vw), 40px);
}

.unit_cost .unit_inner .box_text h3 .size_s {
    font-size: .75em;
}

.unit_cost .unit_inner .box_text h3::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: var(--primary-color);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(calc(40 / 1920 * 100vw), 40px);
    height: 1px;
    opacity: .8;

}

.unit_cost .unit_inner .box_text .text00 {
    color: #555;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
    text-align: center;
}

.unit_cost .unit_inner .box_text .text00 .dec_color {
    color: var(--primary-color);
}

@media screen and (max-width:1199px) {
    .unit_cost {
        padding: 0 0 96px;
    }

    .unit_cost .unit_inner {
        padding: 0;
    }

    .unit_cost .unit_inner .box_text {
        position: relative;
        z-index: 0;
        padding: 64px 64px 56px;

    }

    .unit_cost .unit_inner .box_text h3 {
        font-size: 32px;
        padding-bottom: 48px;
        margin-bottom: 40px;
    }

    .unit_cost .unit_inner .box_text h3::after {
        width: 40px;

    }

    .unit_cost .unit_inner .box_text .text00 {
        font-size: 17px;
    }
}

@media screen and (max-width:767px) {
    /* .unit_cost {
        padding: 0 0 min(calc(160 / 390 * 100vw), 160px);
    } */

    .unit_cost .unit_inner {
        width: 91.80%;
    }

    .unit_cost .unit_inner .box_text {
        position: relative;
        z-index: 0;
        padding: min(calc(42 / 390 * 100vw), 42px) min(calc(36 / 390 * 100vw), 36px) min(calc(41 / 390 * 100vw), 41px);

    }

    .unit_cost .unit_inner .box_text h3 {
        font-size: min(calc(28 / 390 * 100vw), 28px);
        line-height: 128%;
        padding-bottom: min(calc(25 / 390 * 100vw), 25px);
        margin-bottom: min(calc(24 / 390 * 100vw), 24px);
    }

    .unit_cost .unit_inner .box_text h3 .size_s {
        font-size: .7143em;
    }

    .unit_cost .unit_inner .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
        text-align: left;
    }

    #introduction .unit_intro_inner .ttl_intro .sp_text {
        font-size: 22px;
    }

    #wisdom-tooth-extraction-cost-time .unit_inner .box_img {
        margin-top: 32px;
    }
}



/*unit_flow ---------------------
虫歯の進行と必要となる治療法
 ---------------------*/
.unit_flow .unit_inner {
    width: 84.167%;
    margin: auto;
    padding: 0 6.667%;
}

@media screen and (max-width:1199px) {
    .unit_flow .unit_inner {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width:767px) {
    .unit_flow .unit_inner {
        width: 87.69%;
    }
}

.unit_flow {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
}

.unit_flow .unit_inner {
    padding: 0 7.18%;
}

.unit_flow h3 {
    color: #60A8B0;
    font-family: Noto Serif JP;
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    /* 54.4px */
    letter-spacing: .04em;
    margin-bottom: 58px;
}




.unit_flow .list_flow {
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: space-between;
}

.unit_flow .list_flow::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #f5f5f5;
    bottom: 0;
    left: -22%;
    width: 117.02%;

}

@media screen and (min-width:1200px) {
    .unit_flow .list_flow::after {
        aspect-ratio: 1100 / 365;
    }
}

@media screen and (max-width:1199px) {
    .unit_flow .list_flow::after {
        aspect-ratio: 900 / 365;
    }
}

.unit_flow .list_flow .flow00 {
    width: 22.69%;
}

.unit_flow .list_flow .flow00 figure {
    width: 84.21%;
    margin: 0 auto;
}

.unit_flow .list_flow .flow00 h4 {
    color: #502808;
    font-family: "Shippori Mincho";
    font-size: max(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    /* 38.08px */
    letter-spacing: .04em;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: min(calc(46 / 1920 * 100vw), 46px) 0 min(calc(18 / 1920 * 100vw), 18px);
    padding-bottom: 13px;
    border-bottom: 1px solid #AF9D7B;
}

.unit_flow .list_flow .flow00 h4 .no {
    font-family: "Advent Pro";
    font-size: max(calc(64 / 1920 * 100vw), 64px);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .04em;
}

.unit_flow .list_flow .flow00 .text00 {
    color: #555;
    font-family: "Noto Sans JP";
    font-size: max(calc(16 / 1920 * 100vw), 16px);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: -.01em;
}

.unit_flow .list_flow .flow00 .area {
    position: relative;
    z-index: 0;
    background-color: #60A8B0;
    color: #A79471;
    font-size: max(calc(16 / 1920 * 100vw), 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    letter-spacing: .08em;
    padding: min(calc(20 / 1920 * 100vw), 20px) 0;
    margin-top: 32px;
}

.unit_flow .list_flow .flow00 .area::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #60A8B0;
    top: 0;
    right: -13.70%;
    width: 13.90%;
    height: 100%;
}

.unit_flow .list_flow .flow00:last-of-type .area::after {
    background-color: #60A8B0;
    top: 0;
    right: -95.40%;
    width: 95.40%;
}

.unit_flow .list_flow .flow00:nth-of-type(1) .area::before {
    content: "虫歯の範囲";
    color: #fff;
    font-size: 1.375em;
    font-weight: 700;
    letter-spacing: .04em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 0;
    background-color: #60A8B0;
    top: 0;
    left: -95.40%;
    width: 95.40%;
    height: 100%;
}

@media screen and (max-width:1199px) {
    .unit_flow .list_flow .flow00:nth-of-type(1) .area::before {
        font-size: 17px;
    }

    .unit_flow .list_flow .flow00 .text00 {
        min-height: 130px;
    }
}



.unit_flow .list_flow .flow00 .area .dec01 {
    display: block;
    background-color: #fff;
    width: max(calc(120 / 1920 * 100vw), 120px);

    text-align: center;
}

@media screen and (min-width:1200px) {
    .unit_flow .list_flow .flow00 .text00 {
        min-height: 130px;
    }

    .unit_flow .list_flow .flow00 .area .dec01 {
        margin: 0 auto;
    }
}


.unit_flow .wrapper_treatment {
    padding: min(calc(96 / 1920 * 100vw), 96px) 0 min(calc(86 / 1920 * 100vw), 86px);
    background-color: #FAFAFA;
}

.unit_flow .list_treatment {
    width: 59.59%;
    margin: 0 auto min(calc(48 / 1920 * 100vw), 48px);
    display: flex;
    justify-content: space-between;
}

.unit_flow .list_treatment .treatment00 {
    position: relative;
    z-index: 0;
    width: 18.19%;
    aspect-ratio: 1;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.unit_flow .list_treatment .treatment00::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    aspect-ratio: 1;
    border-radius: 999px;
}

.unit_flow .list_treatment .treatment00 figure img {
    height: min(calc(107 / 1920 * 100vw), 107px)
}

.unit_flow .list_treatment .treatment00 h4 {
    color: #B0A070;
    text-align: center;
    font-size: min(calc(20 / 1920 * 100vw), 20px);
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: .04em;
    margin-top: min(calc(12 / 1920 * 100vw), 12px);
}

.unit_flow .list_treatment+.text00 {
    max-width: min(calc(704 / 1920 * 100vw), 704px);
    margin: 0 auto;
    color: #555;
    font-size: min(calc(15 / 1920 * 100vw), 15px);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
    text-align: center;
}



@media screen and (max-width:1199px) {
    /*
    .unit_flow {
        padding: 88px 0 0;
    }
        */

    .unit_flow .unit_inner {
        padding: 0 0 96px;
        width: 84%;
    }

    .unit_flow h3 {
        font-size: 40px;
        margin-bottom: 52px;
    }

    .unit_flow .list_flow .flow00 .area .dec01 {
        margin-left: auto;
    }

    .unit_flow .list_flow .flow00:nth-of-type(1) .area::before {
        /*background-color:transparent;*/
        left: -47%;
        width: 64.5%;
        justify-content: flex-end;
    }
}

@media screen and (max-width:767px) {
    .unit_flow {
        padding: 0;
    }

    .unit_flow .unit_inner {
        padding: 0 0 min(calc(90 / 390 * 100vw), 90px);
    }

    .unit_flow h3 {
        font-size: min(calc(32 / 390 * 100vw), 32px);
        margin-bottom: min(calc(80 / 390 * 100vw), 80px);
        text-align: center;
    }

    .unit_flow .list_flow {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: min(calc(48 / 390 * 100vw), 48px) 0;
        padding: min(calc(56 / 390 * 100vw), 56px) 0 min(calc(72 / 390 * 100vw), 72px);
    }

    .unit_flow .list_flow::after {
        display: block;
        bottom: 0;
        left: -10%;
        width: 88.90%;
        height: 100%;
        aspect-ratio: unset;
    }

    .unit_flow .list_flow .flow00 {
        position: relative;
        z-index: 0;
        width: 88.90%;
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        /*
    justify-content: flex-end;
    */
    }

    .unit_flow .list_flow .flow00:nth-of-type(1)::after,
    .unit_flow .list_flow .flow00:nth-of-type(4)::after {
        display: none
    }

    .unit_flow .list_flow .flow00 {
        margin: auto;
    }

    .unit_flow .list_flow .flow00 figure {
        order: 2;
        width: 63.42%;
        margin: 0;
    }

    .unit_flow .list_flow .flow00 h4 {
        order: 1;
        width: min(calc(88 / 390 * 100vw), 88px);
        font-size: min(calc(28 / 390 * 100vw), 28px);
        margin: 0 min(calc(8 / 390 * 100vw), 8px) 0 0;
        padding-bottom: 0;
        flex-flow: column;
        align-items: center;
        align-self: flex-end;
        gap: min(calc(14 / 390 * 100vw), 14px);
        border: 0;
    }

    .unit_flow .list_flow .flow00 h4 .no {
        font-size: min(calc(64 / 390 * 100vw), 64px);
    }

    .unit_flow .list_flow .flow00 .text00 {
        order: 3;
        font-size: max(calc(15 / 390 * 100vw), 15px);
        border-top: 1px solid #AF9D7B;
        margin-top: min(calc(14 / 390 * 100vw), 14px);
        padding-top: min(calc(24 / 390 * 100vw), 24px);
    }

    .unit_flow .list_flow .flow00 .area {
        order: 4;
        width: 100%;
        font-size: min(calc(16 / 390 * 100vw), 16px);
        line-height: 2.5;
        padding: min(calc(12 / 390 * 100vw), 12px) 0;
        margin-top: 0;
    }

    .unit_flow .list_flow .flow00 .area::after,
    .unit_flow .list_flow .flow00:last-of-type .area::after {
        right: -14.14%;
        width: 14.14%;
    }

    .unit_flow .list_flow .flow00:nth-of-type(2) .area::after {
        display: block;
    }

    .unit_flow .list_flow .flow00:nth-of-type(1) .area::before {
        left: 13%;
        width: fit-content;
        font-size: 1.25em;
    }

    .unit_flow .list_flow .flow00 .area .dec01 {
        display: block;
        background-color: #fff;
        width: min(calc(128 / 390 * 100vw), 128px);
        margin: 0 0 0 auto;
        text-align: center;
    }

    .unit_flow .wrapper_treatment {
        padding: min(calc(56 / 390 * 100vw), 56px) 0 min(calc(80 / 390 * 100vw), 80px);
    }

    .unit_flow .list_treatment {
        width: 87.70%;
        margin: 0 auto min(calc(40 / 390 * 100vw), 40px);
        flex-flow: wrap;
        justify-content: flex-start;
        gap: 0;
    }

    .unit_flow .list_treatment .treatment00 {
        width: 53.80%;
    }

    .unit_flow .list_treatment .treatment00:nth-of-type(2n) {
        margin-left: auto;
        z-index: 1;
    }

    .unit_flow .list_treatment .treatment00:nth-of-type(n+2) {
        margin-top: max(calc(-64 / 390 * 100vw), -64px);
    }

    .unit_flow .list_treatment .treatment00 figure img {
        /* height: min(calc(91 / 390 * 100vw), 91px);*/
        height: calc(123 / 767 * 100vw);
    }

    .unit_flow .list_treatment .treatment00:nth-of-type(-n + 3) figure img {
        /* height: min(calc(111 / 390 * 100vw), 111px);*/
        height: calc(150 / 767 * 100vw);
    }

    .unit_flow .list_treatment .treatment00 h4 {
        font-size: min(calc(20 / 390 * 100vw), 20px);
        margin-top: min(calc(12 / 390 * 100vw), 12px);
    }

    .unit_flow .list_treatment .treatment00:nth-of-type(-n + 3) h4 {
        margin-top: min(calc(9 / 390 * 100vw), 9px);
    }

    .unit_flow .list_treatment .treatment00:nth-of-type(1) h4,
    .unit_flow .list_treatment .treatment00:last-of-type h4 {
        margin-top: 0px;
    }

    .unit_flow .list_treatment+.text00 {
        width: 87.70%;
        font-size: min(calc(15 / 390 * 100vw), 15px);
        text-align: left;
    }

}

@media screen and (max-width:390px) {
    .unit_flow .list_treatment .treatment00 figure img {
        height: calc(91 / 390 * 100vw);
    }

    .unit_flow .list_treatment .treatment00:nth-of-type(-n + 3) figure img {
        height: calc(111 / 390 * 100vw);
    }
}





/*unit_invisalign*/
.unit_invisalign {
    max-width: 1920px;
    margin: 0 auto;
    padding: min(calc(123 / 1920 * 100vw), 123px) 0 min(calc(114 / 1920 * 100vw), 114px);
}

.unit_invisalign .unit_inner {
    padding: 0;
    max-width: 1200px;
    width: calc(100% - 80px);
}

.unit_invisalign h3 {
    color: var(--primary-color);
    font-family: "Noto Serif JP";
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: .01em;
    text-align: center;
    margin-bottom: min(calc(86 / 1920 * 100vw), 86px);
}

.unit_invisalign h3 .ttl_img {
    width: min(calc(385 / 1920 * 100vw), 385px);
    margin: 0 auto min(calc(15 / 1920 * 100vw), 15px);
}

.unit_invisalign h3 .size_s {
    font-size: min(calc(34 / 1920 * 100vw), 34px);
}

.unit_invisalign .box_content {
    display: flex;
    justify-content: flex-end;
    max-width: 1100px;
}

.unit_invisalign .box_content:nth-of-type(odd) {
    margin-inline: auto 0;
}

.unit_invisalign .box_content:nth-of-type(even) {
    justify-content: flex-start;
}

.unit_invisalign .box_content:nth-of-type(even) {
    margin-top: min(calc(88 / 1920 * 100vw), 88px);
}

.unit_invisalign .box_content:not(:nth-of-type(1)):nth-of-type(odd) {
    margin-top: min(calc(96 / 1920 * 100vw), 96px);
}

.unit_invisalign .box_content .box_img {
    position: relative;
    z-index: 1;
    width: 34.53%;
    align-self: baseline;
}

.unit_invisalign .box_content .box_img .dec_no {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: min(calc(15 / 1920 * 100vw), 15px);
    width: 31.25%;
    aspect-ratio: 1;
    border-radius: min(calc(5 / 1920 * 100vw), 5px);
    background-color: rgba(167, 211, 211, .92);
    color: #FFF;
    font-family: "Advent Pro";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
}

.unit_invisalign .box_content .box_img .dec_no .size_l {
    font-size: 2em;
    font-weight: 300;
    letter-spacing: 0;
}

.unit_invisalign .box_content.content01 .box_img .dec_no {
    bottom: max(calc(-26 / 1920 * 100vw), -26px);
    left: max(calc(-24 / 1920 * 100vw), -24px);
}

.unit_invisalign .box_content.content02 .box_img .dec_no {
    bottom: max(calc(-28 / 1920 * 100vw), -28px);
    right: max(calc(-12 / 1920 * 100vw), -12px);
}

.unit_invisalign .box_content.content03 .box_img .dec_no {
    top: max(calc(-28 / 1920 * 100vw), -28px);
    left: max(calc(-24 / 1920 * 100vw), -24px);
}

.unit_invisalign .box_content.content04 .box_img .dec_no {
    bottom: max(calc(-24 / 1920 * 100vw), -24px);
    right: max(calc(-24 / 1920 * 100vw), -24px);
}

.unit_invisalign .box_content.content05 .box_img .dec_no {
    bottom: max(calc(-24 / 1920 * 100vw), -24px);
    left: max(calc(-24 / 1920 * 100vw), -24px);
}

.unit_invisalign .box_content.content06 .box_img .dec_no {
    bottom: max(calc(-24 / 1920 * 100vw), -24px);
    right: max(calc(-24 / 1920 * 100vw), -24px);
}

.unit_invisalign .box_content.content07 .box_img .dec_no {
    top: max(calc(-32 / 1920 * 100vw), -32px);
    left: max(calc(-32 / 1920 * 100vw), -32px);
}

.unit_invisalign .box_content.content08 .box_img .dec_no {
    bottom: max(calc(-32 / 1920 * 100vw), -32px);
    right: max(calc(-28 / 1920 * 100vw), -28px);
}

.unit_invisalign .box_content .box_text {
    width: 53.23%;
    padding-top: min(calc(36 / 1920 * 100vw), 36px);
    padding-left: min(calc(72 / 1920 * 100vw), 72px);
}

.unit_invisalign .box_content:first-of-type .box_text {
    padding-top: 0;
    margin-top: auto;
}

.unit_invisalign .box_content .box_text h4 {
    position: relative;
    z-index: 0;
    color: var(--primary-color);
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: .04em;
    padding-bottom: min(calc(33 / 1920 * 100vw), 33px);
    margin-bottom: min(calc(31 / 1920 * 100vw), 31px);
}

.unit_invisalign .box_content .box_text h4 .size_m {
    font-size: min(calc(20 / 1920 * 100vw), 20px);
    letter-spacing: .04em;
}

.unit_invisalign .box_content .box_text h4 .size_s {
    display: block;
    color: #666;
    font-family: "Noto Serif JP";
    font-size: min(calc(18 / 1920 * 100vw), 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .04em;
}

.unit_invisalign .box_content .box_text h4::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #DDDDDD;
    right: 0;
    bottom: 0;
    width: 113.84615%;
    height: 1px;
}

.unit_invisalign .box_content .box_text .text00 {
    color: #444;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: 0;
}

.unit_invisalign .box_content .btn_invisalign {
    width: min(calc(456 / 1920 * 100vw), 456px);
    aspect-ratio: 456 / 72;
    border-radius: min(calc(36 / 1920 * 100vw), 36px);
    display: flex;
    justify-content: flex-end;
    gap: 0 min(calc(14 / 1920 * 100vw), 14px);
    align-items: center;
    padding-right: min(calc(44 / 1920 * 100vw), 44px);
    background-color: var(--primary-color);
    color: #fff;
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: .04em;
    margin-top: 1em;
}

.unit_invisalign .box_content .box_text .text00+.btn_invisalign {
    margin-top: min(calc(26 / 1920 * 100vw), 26px);
}

.unit_invisalign .box_content .btn_invisalign .dec_parts {
    position: relative;
    z-index: 0;
    width: min(calc(40 / 1920 * 100vw), 40px);
    height: 2px;
    background-color: #fff;
}

.unit_invisalign .box_content .btn_invisalign .dec_parts::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #fff;
    top: -3px;
    width: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    right: 0;
}

@media screen and (max-width:1199px) {
    .unit_invisalign {
        padding: 96px 0 118px;
    }

    .unit_invisalign .unit_inner {
        padding: 0;
    }

    .unit_invisalign h3 {
        font-size: 48px;
        margin-bottom: 83px;
    }

    .unit_invisalign h3 .ttl_img {
        width: 381px;
        margin: 0 auto 19px;
    }

    .unit_invisalign h3 .size_s {
        font-size: 34px;
    }

    .unit_invisalign .box_content {
        flex-flow: wrap;
        align-items: center;
    }

    .unit_invisalign .box_content:nth-of-type(even),
    .unit_invisalign .box_content:not(:nth-of-type(1)):nth-of-type(odd) {
        margin-top: 72px;
    }

    .unit_invisalign .box_content .box_img {
        width: 55.81%;
        align-self: center;
    }

    .unit_invisalign .box_content .box_img .dec_no {
        gap: 15px;
        width: 120px;
        border-radius: 5px;
        font-size: 24px;
    }

    .unit_invisalign .box_content .box_img .dec_no .size_l {
        font-size: 2em;
    }

    .unit_invisalign .box_content.content01 .box_img .dec_no {
        bottom: -26px;
        left: -24px;
    }

    .unit_invisalign .box_content.content02 .box_img .dec_no {
        bottom: -28px;
        right: -12px;
    }

    .unit_invisalign .box_content.content03 .box_img .dec_no {
        top: -28px;
        left: -24px;
    }

    .unit_invisalign .box_content.content04 .box_img .dec_no {
        bottom: -24px;
        right: -24px;
    }

    .unit_invisalign .box_content.content05 .box_img .dec_no {
        bottom: -24px;
        left: -24px;
    }

    .unit_invisalign .box_content.content06 .box_img .dec_no {
        bottom: -24px;
        right: -24px;
    }

    .unit_invisalign .box_content.content07 .box_img .dec_no {
        top: -24px;
        left: -24px;
    }

    .unit_invisalign .box_content.content08 .box_img .dec_no {
        bottom: -24px;
        right: -24px;
    }

    .unit_invisalign .box_content .box_text {
        width: 44.19%;
        padding-top: 0;
        padding-left: calc(56 / 768 * 100vw);
    }

    .unit_invisalign .box_content .box_text,
    .unit_invisalign .box_content:first-of-type .box_text {
        /*padding-top: 21px;*/
        padding-top: 0;
        margin-top: 0;
    }

    .unit_invisalign .box_content .box_text h4 {
        font-size: 28px;
        padding-bottom: 31px;
        margin-bottom: 31px;
        margin-top: 10px;
    }

    .unit_invisalign .box_content .box_text h4 .size_m {
        font-size: 20px;

    }

    .unit_invisalign .box_content .box_text h4 .size_s {
        font-size: 18px;
        margin-bottom: 2px;
    }

    .unit_invisalign .box_content .box_text h4::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        background-color: #DDDDDD;
        right: 0;
        bottom: 0;
        width: 122.58064%;
        height: 1px;
    }

    .unit_invisalign .box_content .box_text .text00 {
        font-size: 17px;
    }

    .unit_invisalign .box_content .btn_invisalign {
        width: 456px;
        margin: 64px auto 0;
        border-radius: 36px;
        gap: 0 14px;
        padding-right: 44px;
        font-size: 24px;
    }

    .unit_invisalign .box_content .box_text .text00+.btn_invisalign {
        margin-top: 26px;
    }

    .unit_invisalign .box_content .btn_invisalign .dec_parts {
        position: relative;
        z-index: 0;
        width: 40px;
        height: 1.5px;
        background-color: #fff;
    }

    .unit_invisalign .box_content .btn_invisalign .dec_parts::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        background-color: #fff;
        top: 50%;
        right: -4px;
        transform: translate(0, -50%);
        width: 8px;
        aspect-ratio: 1;
        border-radius: 99px;
    }
}



@media screen and (max-width:767px) {
    .unit_invisalign {
        padding: min(calc(96 / 390 * 100vw), 96px) 0 min(calc(94 / 390 * 100vw), 94px);
    }

    .unit_invisalign .unit_inner {
        padding: 0;
    }

    .unit_invisalign h3 {
        font-size: min(calc(32 / 390 * 100vw), 32px);
        margin-bottom: min(calc(80 / 390 * 100vw), 80px);
    }

    .unit_invisalign h3 .ttl_img {
        width: min(calc(300 / 390 * 100vw), 300px);
        margin: 0 auto min(calc(19 / 390 * 100vw), 19px);
    }

    .unit_invisalign h3 .size_s {
        font-size: min(calc(34 / 390 * 100vw), 34px);
    }

    .unit_invisalign .box_content {
        flex-flow: column;
        align-items: flex-start;
    }

    .unit_invisalign .box_content:nth-of-type(even),
    .unit_invisalign .box_content:not(:nth-of-type(1)):nth-of-type(odd) {
        margin-top: min(calc(68 / 390 * 100vw), 68px);
    }

    .unit_invisalign .box_content .box_img {
        width: 91.23%;
        margin: 0 0 min(calc(48 / 390 * 100vw), 48px) auto;
    }

    .unit_invisalign .box_content:nth-of-type(even) .box_img {
        margin: 0 auto min(calc(48 / 390 * 100vw), 48px) 0;
    }

    .unit_invisalign .box_content .box_img .dec_no {
        gap: min(calc(16 / 390 * 100vw), 16px);
        width: min(calc(104 / 390 * 100vw), 104px);
        border-radius: min(calc(5 / 390 * 100vw), 5px);
        font-size: min(calc(24 / 390 * 100vw), 24px);
        padding-top: min(calc(16 / 390 * 100vw), 16px);
        justify-content: flex-start;
    }

    .unit_invisalign .box_content.content01 .box_img .dec_no {
        bottom: max(calc(-48 / 390 * 100vw), -48px);
        left: max(calc(-24 / 390 * 100vw), -24px);
    }

    .unit_invisalign .box_content.content02 .box_img .dec_no {
        bottom: max(calc(-48 / 390 * 100vw), -48px);
        right: max(calc(-27 / 390 * 100vw), -27px);
    }

    .unit_invisalign .box_content.content03 .box_img .dec_no {
        top: auto;
        bottom: max(calc(-48 / 390 * 100vw), -48px);
        left: max(calc(-24 / 390 * 100vw), -24px);
    }

    .unit_invisalign .box_content.content04 .box_img .dec_no {
        bottom: max(calc(-48 / 390 * 100vw), -48px);
        right: max(calc(-27 / 390 * 100vw), -27px);
    }

    .unit_invisalign .box_content.content05 .box_img .dec_no {
        bottom: max(calc(-48 / 390 * 100vw), -48px);
        left: max(calc(-24 / 390 * 100vw), -24px);
    }

    .unit_invisalign .box_content.content06 .box_img .dec_no {
        bottom: max(calc(-48 / 390 * 100vw), -48px);
        right: max(calc(-27 / 390 * 100vw), -27px);
    }

    .unit_invisalign .box_content.content07 .box_img .dec_no {
        top: auto;
        bottom: max(calc(-48 / 390 * 100vw), -48px);
        left: max(calc(-24 / 390 * 100vw), -24px);
    }

    .unit_invisalign .box_content.content08 .box_img .dec_no {
        bottom: max(calc(-48 / 390 * 100vw), -48px);
        right: max(calc(-27 / 390 * 100vw), -27px);
    }

    .unit_invisalign .box_content .box_text {
        width: 100%;
        padding-left: 0;
        text-align: right;
    }

    .unit_invisalign .box_content:nth-of-type(even) .box_text {
        text-align: left;
    }

    .unit_invisalign .box_content .box_text h4 {
        font-size: min(calc(28 / 390 * 100vw), 28px);
        padding-bottom: min(calc(24 / 390 * 100vw), 24px);
        margin-bottom: min(calc(24 / 390 * 100vw), 24px);
    }

    .unit_invisalign .box_content .box_text h4 .size_m {
        font-size: min(calc(20 / 390 * 100vw), 20px);
    }

    .unit_invisalign .box_content .box_text h4 .size_s {
        font-size: min(calc(18 / 390 * 100vw), 18px);
        margin-bottom: min(calc(2 / 390 * 100vw), 2px);
    }

    .unit_invisalign .box_content .box_text h4::after {
        width: 100%;
    }

    .unit_invisalign .box_content .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
        text-align: left;
    }

    .unit_invisalign .box_content .btn_invisalign {
        width: min(calc(342 / 390 * 100vw), 342px);
        max-width: 100%;
        aspect-ratio: 344 / 96;
        margin: min(calc(32 / 390 * 100vw), 32px) auto 0;
        border-radius: min(calc(48 / 390 * 100vw), 48px);
        gap: 0 min(calc(18 / 390 * 100vw), 18px);
        padding-right: min(calc(30 / 390 * 100vw), 30px);
        font-size: min(calc(24 / 390 * 100vw), 24px);
        line-height: 1.24;
        text-align: center;
    }

    .unit_invisalign .box_content .btn_invisalign .dec_parts {
        width: min(calc(40 / 390 * 100vw), 40px);
        height: min(calc(2.4 / 390 * 100vw), 2.4px);
    }

    .unit_invisalign .box_content .btn_invisalign .dec_parts::after {
        right: max(calc(-6.5 / 390 * 100vw), -6.5px);
        width: min(calc(13 / 390 * 100vw), 13px);
    }

}

/*unit_qa*/
.unit_qa {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 0 min(calc(140 / 1920 * 100vw), 140px);
}

.unit_qa .unit_inner {
    padding: 0;
    max-width: 1240px;
    width: calc(100% - 80px);
}

.unit_qa .ql_content {}

.unit_qa .ql_content .en {
    color: #82C3C3;
    font-family: "Advent Pro";
    font-size: min(calc(72 / 1920 * 100vw), 72px);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    width: fit-content;
}

.unit_qa .ql_content .en .dec_no {
    font-size: min(calc(32 / 1920 * 100vw), 32px);
    font-weight: 700;
    letter-spacing: 0;
    margin-left: min(calc(8 / 1920 * 100vw), 8px);
}

.unit_qa .ql_content .ql_content_a .en {
    color: #969696;
}

.unit_qa .ql_content:nth-of-type(even) .en {
    color: #969696;
}

.unit_qa .ql_content:nth-of-type(even) .ql_content_a .en {
    color: #82C3C3;
}

.unit_qa .ql_content .ql_content_q {
    position: relative;
    z-index: 1;
    width: 100%;
    height: min(calc(104 / 1920 * 100vw), 104px);
    padding: 0 min(calc(56 / 1920 * 100vw), 56px) 0 min(calc(60 / 1920 * 100vw), 60px);
    border: 3px solid #969696;
    background: #FFF;
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-family: "Noto Serif JP";
    font-size: min(calc(36 / 1920 * 100vw), 36px);
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .04em;
}

.unit_qa .ql_content:nth-of-type(even) .ql_content_q {
    border: 3px solid #82C3C3;
    color: #555;
}

.unit_qa .ql_content:nth-of-type(n+2) .ql_content_q {
    margin-top: min(calc(80 / 1920 * 100vw), 80px);
}

.unit_qa .ql_content .ql_content_q .dec_plus {
    position: relative;
    z-index: 0;
    width: min(calc(40 / 1920 * 100vw), 40px);
    aspect-ratio: 1;
    margin-left: auto;
}

.unit_qa .ql_content .ql_content_q .dec_plus::before,
.unit_qa .ql_content .ql_content_q .dec_plus::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #82C3C3;
    inset: 0;
    margin: auto;
    width: 100%;
    height: min(calc(5 / 1920 * 100vw), 5px);
    transition: .3s;
}

.unit_qa .ql_content .ql_content_q .dec_plus::after {
    transform: rotate(90deg);
}

.unit_qa .ql_content.open .ql_content_q .dec_plus::after {
    transform: rotate(0);
}

.unit_qa .ql_content:nth-of-type(even) .ql_content_q .dec_plus::before,
.unit_qa .ql_content:nth-of-type(even) .ql_content_q .dec_plus::after {
    background-color: #82C3C3;
}

.unit_qa .ql_content .ql_content_q .en {
    margin-right: min(calc(52 / 1920 * 100vw), 52px);
}

.unit_qa .ql_content .ql_content_a {
    position: relative;
    z-index: 0;
    width: 93.334%;
    margin-left: 7.75%;
    /* padding: min(calc(16 / 1920 * 100vw), 16px) min(calc(120 / 1920 * 100vw), 120px) min(calc(16 / 1920 * 100vw), 16px) min(calc(70 / 1920 * 100vw), 70px);
    transition: .3s;*/
}

.unit_qa .ql_content.open .ql_content_a {
    /*padding: min(calc(53 / 1920 * 100vw), 53px) min(calc(120 / 1920 * 100vw), 120px) min(calc(64 / 1920 * 100vw), 64px) min(calc(70 / 1920 * 100vw), 70px);*/
}

.unit_qa .ql_content .ql_content_a::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #F6F6F6;
    bottom: max(calc(-32 / 1920 * 100vw), -32px);
    left: 0;
    width: 100%;
    height: calc(100% + min(calc(105 / 1920 * 100vw), 105px));
    transition: .3s;
}

.unit_qa .ql_content.open .ql_content_a::after {
    bottom: 0;
    height: calc(100% + min(calc(73 / 1920 * 100vw), 73px));
}

.unit_qa .ql_content:nth-of-type(even) .ql_content_a::after {
    background-color: #F6F6F6;
}

.unit_qa .ql_content .ql_content_a .wrapper_answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: .3s;
}

.unit_qa .ql_content.open .ql_content_a .wrapper_answer {
    grid-template-rows: 1fr;
}

.unit_qa .ql_content .ql_content_a .box_answer {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.unit_qa .ql_content .ql_content_a .box_answer {
    padding: 0 min(calc(120 / 1920 * 100vw), 120px) 0 min(calc(70 / 1920 * 100vw), 70px);
    transition: .3s;
}

.unit_qa .ql_content.open .ql_content_a .box_answer {
    padding: min(calc(53 / 1920 * 100vw), 53px) min(calc(120 / 1920 * 100vw), 120px) min(calc(64 / 1920 * 100vw), 64px) min(calc(70 / 1920 * 100vw), 70px);
}

.unit_qa .ql_content .ql_content_a .box_answer .text00 {
    color: #555;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .06em;
}

.unit_qa .ql_content .ql_content_a .box_answer .text00+.text00 {
    margin-top: 1em;
}

.unit_qa .ql_content .ql_content_a .box_answer .text_answer {
    padding-top: min(calc(11 / 1920 * 100vw), 11px);
    width: 89.46%;
}

.unit_qa .ql_content .ql_content_a .box_answer .img_answer {
    margin: min(calc(8 / 1920 * 100vw), 8px) auto 0;
    width: min(calc(402 / 1920 * 100vw), 402px);
}

@media screen and (max-width:1199px) {
    .unit_qa {
        padding: 0 0 32px;
    }

    .unit_qa .unit_inner {
        padding: 0;
    }

    .unit_qa .ql_content .en {
        font-size: 72px;
    }

    .unit_qa .ql_content .en .dec_no {
        font-size: 32px;
    }

    .unit_qa .ql_content .ql_content_q {
        width: 94.19%;
        height: auto;
        min-height: 104px;
        padding: 15px calc(24 / 768 * 100vw) 15px calc(32 / 768 * 100vw);

        background: #FFF;
        font-size: 28px;
    }

    .unit_qa .ql_content .ql_content_q .text_q {
        width: calc(100% - 109px);
    }

    .unit_qa .ql_content:nth-of-type(n+2) .ql_content_q {
        margin-top: 64px;
    }

    .unit_qa .ql_content .ql_content_q .dec_plus {
        width: 32px;
    }

    .unit_qa .ql_content .ql_content_q .dec_plus::before,
    .unit_qa .ql_content .ql_content_q .dec_plus::after {
        height: 5px;
    }

    .unit_qa .ql_content .ql_content_q .en {
        margin-right: 24px;
    }

    .unit_qa .ql_content .ql_content_a {
        position: relative;
        z-index: 0;
        width: 91.86%;
        margin-left: auto;
        /*padding: 16px calc(38 / 768 * 100vw) 16px calc(36 / 768 * 100vw);
    transition: .3s;*/
    }

    .unit_qa .ql_content.open .ql_content_a {
        /* padding: 31px calc(38 / 768 * 100vw) 50px calc(36 / 768 * 100vw);*/
    }

    .unit_qa .ql_content .ql_content_a::after {
        height: calc(100% + 73px + 32px);
        bottom: -32px;
    }

    .unit_qa .ql_content.open .ql_content_a::after {
        height: calc(100% + 73px);
        bottom: 0;
    }

    .unit_qa .ql_content:nth-of-type(even) .ql_content_a::after {
        background-color: #F6F6F6;
    }

    .unit_qa .ql_content .ql_content_a .box_answer {
        padding: 0 calc(38 / 768 * 100vw) 0 calc(36 / 768 * 100vw);
    }

    .unit_qa .ql_content.open .ql_content_a .box_answer {
        padding: 30px calc(38 / 768 * 100vw) 50px calc(36 / 768 * 100vw);
    }

    .unit_qa .ql_content .ql_content_a .box_answer .text_answer {
        padding-top: 14px;
        width: 86.18%;
    }

    .unit_qa .ql_content .ql_content_a .box_answer .text00 {
        font-size: 17px;
    }

    .unit_qa .ql_content .ql_content_a .box_answer .img_answer {
        margin-top: 14px;
        width: 402px;
    }
}

@media screen and (max-width:767px) {
    .unit_qa {
        padding: 0 0 min(calc(88 / 390 * 100vw), 88px);
    }

    .unit_qa .unit_inner {
        width: calc(100% - 48px);
    }

    .unit_qa .ql_content .en {
        font-size: min(calc(60 / 390 * 100vw), 60px);
        margin-left: min(calc(5 / 390 * 100vw), 5px);
    }

    .unit_qa .ql_content .en .dec_no {
        font-size: min(calc(28 / 390 * 100vw), 28px);
    }

    .unit_qa .ql_content .ql_content_q {
        width: 100%;
        height: auto;
        min-height: min(calc(104 / 390 * 100vw), 104px);
        padding: min(calc(16.3 / 390 * 100vw), 16.3px) min(calc(43 / 390 * 100vw), 43px) min(calc(16.3 / 390 * 100vw), 16.3px) min(calc(17 / 390 * 100vw), 17px);
        font-size: min(calc(24 / 390 * 100vw), 24px);
        justify-content: space-between;
        margin-left: max(calc(-3 / 390 * 100vw), -3px);
    }

    .unit_qa .ql_content:nth-of-type(2n) .ql_content_q {}

    .unit_qa .ql_content .ql_content_q .text_q {
        width: 82.87%;
        letter-spacing: .0em
    }

    .unit_qa .ql_content:nth-of-type(n+2) .ql_content_q {
        margin-top: min(calc(40 / 390 * 100vw), 40px);
    }

    .unit_qa .ql_content .ql_content_q .dec_plus {
        position: absolute;
        bottom: max(calc(-3 / 390 * 100vw), -3px);
        right: max(calc(-3 / 390 * 100vw), -3px);
        width: min(calc(48 / 390 * 100vw), 48px);
        background-color: #969696;
    }

    .unit_qa .ql_content:nth-of-type(2n) .ql_content_q .dec_plus::before,
    .unit_qa .ql_content:nth-of-type(2n) .ql_content_q .dec_plus::after,
    .unit_qa .ql_content .ql_content_q .dec_plus::before,
    .unit_qa .ql_content .ql_content_q .dec_plus::after {
        height: min(calc(5 / 390 * 100vw), 5px);
        width: 50%;
        background-color: #fff;
    }

    .unit_qa .ql_content:nth-of-type(2n) .ql_content_q .dec_plus,
    .unit_qa .ql_content:nth-of-type(2n) .ql_content_q .dec_plus {
        background-color: #82C3C3;
    }

    .unit_qa .ql_content .ql_content_q .en {
        margin-right: min(calc(19 / 390 * 100vw), 19px);
    }

    .unit_qa .ql_content .ql_content_a {
        position: relative;
        z-index: 0;
        width: 100%;
        margin-left: min(calc(3 / 390 * 100vw), 3px);
        /* padding: min(calc(8 / 390 * 100vw), 8px) min(calc(34 / 390 * 100vw), 34px) min(calc(8 / 390 * 100vw), 8px) min(calc(38 / 390 * 100vw), 38px); */
        transition: .3s;
    }

    .unit_qa .ql_content.open .ql_content_a {
        /* padding: min(calc(26 / 390 * 100vw), 26px) min(calc(34 / 390 * 100vw), 34px) min(calc(61 / 390 * 100vw), 61px) min(calc(38 / 390 * 100vw), 38px); */
    }

    .unit_qa .ql_content .ql_content_a::after {
        height: calc(100% + min(calc(80 / 390 * 100vw), 80px) + min(calc(16 / 390 * 100vw), 16px));
        bottom: max(calc(-16 / 390 * 100vw), -16px);
    }

    .unit_qa .ql_content.open .ql_content_a::after {
        height: calc(100% + min(calc(80 / 390 * 100vw), 80px));
        bottom: 0;
    }

    .unit_qa .ql_content:nth-of-type(even) .ql_content_a::after {
        background-color: #F6F6F6;
    }

    .unit_qa .ql_content .ql_content_a .box_answer {
        flex-flow: column;
        gap: min(calc(8 / 390 * 100vw), 8px);
        padding: 0 min(calc(38 / 390 * 100vw), 38px) 0;
    }

    .unit_qa .ql_content.open .ql_content_a .box_answer {
        padding: min(calc(26 / 390 * 100vw), 26px) min(calc(38 / 390 * 100vw), 38px) min(calc(60 / 390 * 100vw), 60px);
    }

    .unit_qa .ql_content .ql_content_a .box_answer .text_answer {
        padding-top: 0;
        width: 100%;
    }

    .unit_qa .ql_content .ql_content_a .box_answer .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }

    .unit_qa .ql_content .ql_content_a .box_answer .img_answer {
        margin-top: min(calc(23 / 390 * 100vw), 23px);
        width: min(calc(296 / 390 * 100vw), 296px);
        max-width: 100%;
    }
}

@media screen and (max-width:390px) {
    .unit_qa .ql_content .ql_content_a .box_answer .img_answer {
        max-width: 110%;
        margin-left: -5%;
    }
}


/*unit_contact*/
.unit_contact {
    overflow: hidden;
    position: relative;
    z-index: 0;
    max-width: 1920px;
    aspect-ratio: 1920 / 720;
    margin: 0 auto;
    padding: min(calc(73 / 1920 * 100vw), 73px) 0 0;
}

.unit_contact .bi00 {
    position: absolute;
    height: 93.334%;
}

.unit_contact .bi01 {
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 59.89%;
    background-image: url("/assets/img/template/img_contact01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    clip-path: polygon(0px 0px, 100% 0%, calc(100% - min(calc(152 / 1920 * 100vw), 152px)) 100%, 0 100%);
}

.unit_contact .bi02 {
    z-index: -2;
    top: 0;
    right: 0;
    width: 47.5%;
    background-color: #502808;
    clip-path: polygon(min(calc(152 / 1920 * 100vw), 152px) 0px, 100% 0%, 100% 100%, 0 100%);
}

.unit_contact .unit_inner {
    width: 79.41%;
}

.unit_contact .unit_inner h3 {
    width: fit-content;
    margin-left: auto;
    color: #FFF;
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: .08em;
}

.unit_contact .unit_inner h3 .en {
    position: relative;
    z-index: 0;
    display: block;
    text-align: right;
    font-family: Corinthia;
    font-size: min(calc(120 / 1920 * 100vw), 120px);
    font-weight: 400;
    line-height: 72%;
    letter-spacing: 0;
    margin-bottom: min(calc(7.5 / 1920 * 100vw), 7.5px);
}

.unit_contact .unit_inner h3 .en::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #FFFFFF;
    bottom: min(calc(8 / 1920 * 100vw), 8px);
    left: 0;
    width: 100vw;
    height: 1px;
}

.unit_contact .unit_inner h3 .jp {
    display: block;
    padding-left: min(calc(10 / 1920 * 100vw), 10px);
}

.unit_contact .box_link {
    display: flex;
    justify-content: space-between;
    width: 93.69%;
    margin: min(calc(56 / 1920 * 100vw), 56px) auto min(calc(32 / 1920 * 100vw), 32px);
}

.unit_contact .box_link .btn00 {
    width: 48.33%;
}

.unit_contact .box_link+.cap {
    margin: 0 0 min(calc(86 / 1920 * 100vw), 86px);
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 16px rgba(51, 60, 119, 0.40);
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 24px */
    letter-spacing: .08em;
    ;
}

.unit_contact .logo {
    width: min(calc(648 / 1920 * 100vw), 648px);
    margin: 0 auto;
}

@media screen and (max-width:1199px) {
    .unit_contact {
        aspect-ratio: unset;
        padding: 140px 0 108px;
        margin-bottom: 87px;
    }

    .unit_contact .bi00 {
        position: absolute;
        height: 95.52%;
    }

    .unit_contact .bi01 {
        width: 64.19%;
        width: calc(493.817px + 0.451893271 * (100vw - 768px));
        background-image: url("/assets/img/template/img_contact01_tb.jpg");
        clip-path: polygon(0px 0px, 100% 0%, calc(100% - 152px) 100%, 0 100%);
    }

    .unit_contact .bi02 {
        width: 54.68%;
        background-color: #502808;
        clip-path: polygon(152px 0px, 100% 0%, 100% 100%, 0 100%);
    }

    .unit_contact .unit_inner {
        width: 89.58%;
    }

    .unit_contact .unit_inner h3 {
        font-size: 24px;
    }

    .unit_contact .unit_inner h3 .en {
        font-size: 88px;
        margin-bottom: 11.5px;
        margin-right: 31px;
    }

    .unit_contact .unit_inner h3 .en::after {
        bottom: 2px;
    }

    .unit_contact .unit_inner h3 .jp {
        padding-left: 5px;
        letter-spacing: 0;
    }

    .unit_contact .box_link {
        flex-flow: column;
        gap: 40px;
        width: 576px;
        margin: 105px auto 40px;
    }

    .unit_contact .box_link .btn00 {
        width: 100%;
    }

    .unit_contact .box_link+.cap {
        margin: 0 0 95px;
        font-size: 24px;
    }

    .unit_contact .logo {
        width: 649px;
    }
}

@media screen and (max-width:767px) {
    .unit_contact {
        aspect-ratio: unset;
        padding: min(calc(82 / 390 * 100vw), 82px) 0 min(calc(66 / 390 * 100vw), 66px);
        margin-bottom: min(calc(90 / 390 * 100vw), 90px);
    }

    .unit_contact .bi00 {
        position: absolute;
        height: 97.50%;
    }

    .unit_contact .bi01 {
        width: calc(256.767px + 0.482625995 * (100vw - 390px));
        background-image: url("/assets/img/template/img_contact01_sp.jpg");
        clip-path: polygon(0px 0px, 100% 0%, calc(100% - min(calc(152 / 390 * 100vw), 152px)) 100%, 0 100%);
    }

    .unit_contact .bi02 {
        width: 72.30%;
        width: calc(281.967px + 0.519538462 * (100vw - 390px));
        background-color: #502808;
        clip-path: polygon(min(calc(152 / 390 * 100vw), 152px) 0px, 100% 0%, 100% 100%, 0 100%);
    }

    .unit_contact .unit_inner {
        width: 89.58%;
    }

    .unit_contact .unit_inner h3 {
        font-size: min(calc(18 / 390 * 100vw), 18px);
    }

    .unit_contact .unit_inner h3 .en {
        font-size: min(calc(64 / 390 * 100vw), 64px);
        margin-bottom: min(calc(8.5 / 390 * 100vw), 8.5px);
        margin-right: min(calc(14 / 390 * 100vw), 14px);
    }

    .unit_contact .unit_inner h3 .en::after {
        bottom: max(calc(-1 / 390 * 100vw), -1px);
    }

    .unit_contact .unit_inner h3 .jp {
        padding-left: 0;
        margin-right: max(calc(-3 / 390 * 100vw), -3px);
        letter-spacing: 0;
    }

    .unit_contact .box_link {
        flex-flow: column;
        gap: min(calc(31 / 390 * 100vw), 31px);
        width: min(calc(400 / 390 * 100vw), 400px);
        max-width: 79.87%;
        margin: min(calc(78 / 390 * 100vw), 78px) auto min(calc(48 / 390 * 100vw), 48px);
    }

    .unit_contact .box_link .btn00 {
        width: 100%;
    }

    .unit_contact .box_link+.cap {
        margin: 0 0 min(calc(66 / 390 * 100vw), 66px);
        font-size: min(calc(20 / 390 * 100vw), 20px);
        line-height: 1.4;
    }

    .unit_contact .logo {
        width: min(calc(342 / 390 * 100vw), 342px);
    }
}

@media screen and (max-width:390px) {
    .unit_contact .bi01 {
        width: 65.84%;
    }

    .unit_contact .bi02 {
        width: 72.30%;
    }
}


/*unit_explanation*/
.unit_explanation {
    background-color: #FAFAFA;
    max-width: 1920px;
    margin: 0 auto;
    padding: min(calc(92 / 1920 * 100vw), 92px) 0 min(calc(104 / 1920 * 100vw), 104px);
}

.unit_explanation .unit_inner {
    max-width: 1280px;
    width: calc(100% - 80px);
    padding: 0;
}

.unit_explanation h3 {
    color: #828282;
    font-family: "Noto Serif JP";
    text-align: center;
    font-size: min(calc(32 / 1920 * 100vw), 32px);
    font-style: normal;
    font-weight: 300;
    line-height: 135%;
    letter-spacing: 0;
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: min(calc(20 / 1920 * 100vw), 20px);
    margin-bottom: min(calc(45 / 1920 * 100vw), 45px);
}

.unit_explanation h3+.text00 {
    max-width: min(calc(832 / 1920 * 100vw), 832px);
    margin: 0 auto min(calc(72 / 1920 * 100vw), 72px);
    color: #444;
    font-family: "Noto Sans JP";
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .04em;
}

.unit_explanation .box_explanation {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    background-color: #fff;
    padding: min(calc(39 / 1920 * 100vw), 39px) min(calc(76 / 1920 * 100vw), 76px) min(calc(45 / 1920 * 100vw), 45px);
}

.unit_explanation .box_explanation:nth-of-type(2) {
    background-color: #fff;
    padding-bottom: min(calc(49 / 1920 * 100vw), 49px);
    margin-top: min(calc(48 / 1920 * 100vw), 48px);
}

.unit_explanation .box_explanation h4 {
    width: fit-content;
    color: #666;
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-style: normal;
    font-weight: 300;
    line-height: 135%;
    letter-spacing: 0;
    border-radius: min(calc(28 / 1920 * 100vw), 28px);
    background-color: #F4F6F8;
    margin-bottom: min(calc(32 / 1920 * 100vw), 32px);
    padding: min(calc(11.8 / 1920 * 100vw), 11.8px) min(calc(40 / 1920 * 100vw), 40px);
}

.unit_explanation .box_explanation dl {}

.unit_explanation .box_explanation .cont {
    display: flex;
    border-bottom: 1px solid #C9CACA;
    color: #444;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .04em;
}

.unit_explanation .box_explanation .cont:first-of-type {
    border-top: 1px solid #C9CACA;
}

.unit_explanation .box_explanation dt {
    width: 50%;
    padding: min(calc(10 / 1920 * 100vw), 10px) 0 min(calc(14 / 1920 * 100vw), 14px);
    text-align: center;
    border-right: 1px dashed #C9CACA;
    font-weight: 300;
}

.unit_explanation .box_explanation dt .adjust01 {
    display: block;
    line-height: 1.36;
}

.unit_explanation .box_explanation dd {
    width: 50%;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    justify-content: center;
    padding-right: min(calc(35 / 1920 * 100vw), 35px);
}

.unit_explanation .box_explanation .size_s {
    display: block;
    font-size: min(calc(12 / 1920 * 100vw), 12px);
    letter-spacing: .04em;
    margin-top: max(calc(-10 / 1920 * 100vw), -10px);
}

.unit_explanation .box_explanation .cap {
    margin-top: min(calc(16 / 1920 * 100vw), 16px);
    text-align: center;
    color: #444;
    font-size: min(calc(14 / 1920 * 100vw), 14px);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .04em;
}

.unit_explanation .box_explanation ul {
    color: #444;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-style: normal;
    font-weight: 300;
    line-height: 136%;
    letter-spacing: .04em;
    padding: 0 min(calc(40 / 1920 * 100vw), 40px) 0 min(calc(36 / 1920 * 100vw), 36px);
    display: flex;
    flex-flow: column;
    gap: min(calc(9 / 1920 * 100vw), 9px);
}

.unit_explanation .box_explanation ul li {
    position: relative;
    z-index: 0;
    padding-left: min(calc(28 / 1920 * 100vw), 28px);
}

.unit_explanation .box_explanation ul li::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-image: url("/assets/img/template/icon_box_explanation01.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: min(calc(6 / 1920 * 100vw), 6px);
    left: 0;
    width: min(calc(6 / 1920 * 100vw), 6px);
    aspect-ratio: 6 / 10;
}


@media screen and (max-width:1199px) {
    .unit_explanation {
        padding: 92px 0 115px;
    }

    .unit_explanation .unit_inner {
        width: 89.58%;
    }

    .unit_explanation h3 {
        font-size: 32px;
        padding-bottom: 20px;
        margin-bottom: 45px;
    }

    .unit_explanation h3+.text00 {
        font-size: 17px;
        max-width: 93.02%;
        margin: 0 auto 50px;
    }

    .unit_explanation .box_explanation {
        width: 100%;
        padding: 39px 44px 45px;
    }

    .unit_explanation .box_explanation:nth-of-type(2) {
        background-color: #fff;
        padding-bottom: 49px;
        margin-top: 48px;
    }

    .unit_explanation .box_explanation h4 {
        font-size: 24px;
        margin-bottom: 32px;
        padding: 11.8px 40px;
        border-radius: 28px;
    }

    .unit_explanation .box_explanation dl {}

    .unit_explanation .box_explanation .cont {
        font-size: 15px;
    }

    .unit_explanation .box_explanation dt {
        width: 48.333%;
        padding: 10px 0 14px;
    }

    .unit_explanation .box_explanation dd {
        width: 51.667%;
        padding-right: 12px;
    }

    .unit_explanation .box_explanation .size_s {
        font-size: 11px;
        margin-top: -9px;
        margin-right: -12px;
    }

    .unit_explanation .box_explanation .cap {
        margin-top: 16px;
        font-size: 14px;
    }

    .unit_explanation .box_explanation ul {
        font-size: 14px;
        gap: 9px;
        padding: 0;
    }

    .unit_explanation .box_explanation ul li {
        padding-left: 28px;
    }

    .unit_explanation .box_explanation ul li::after {
        top: 6px;
        width: 6px;
    }
}

@media screen and (max-width:767px) {
    .unit_explanation {
        padding: min(calc(52 / 390 * 100vw), 52px) 0 min(calc(64 / 390 * 100vw), 64px);
    }

    .unit_explanation h3 {
        font-size: min(calc(22 / 390 * 100vw), 22px);
        padding-bottom: min(calc(32 / 390 * 100vw), 32px);
        margin-bottom: min(calc(32 / 390 * 100vw), 32px);
    }

    .unit_explanation h3+.text00 {
        font-size: min(calc(15 / 390 * 100vw), 15px);
        max-width: 100%;
        margin: 0 auto min(calc(42 / 390 * 100vw), 42px);
    }

    .unit_explanation .box_explanation {
        width: 100%;
        padding: min(calc(31 / 390 * 100vw), 31px) min(calc(18 / 390 * 100vw), 18px) min(calc(45 / 390 * 100vw), 45px);
    }

    .unit_explanation .box_explanation:nth-of-type(2) {
        background-color: #fff;
        padding-bottom: min(calc(30 / 390 * 100vw), 30px);
        margin-top: min(calc(32 / 390 * 100vw), 32px);
    }

    .unit_explanation .box_explanation h4 {
        font-size: min(calc(20 / 390 * 100vw), 20px);
        margin: 0 auto min(calc(32 / 390 * 100vw), 32px);
        padding: min(calc(10.5 / 390 * 100vw), 10.5px) min(calc(48 / 390 * 100vw), 48px);
        border-radius: min(calc(24 / 390 * 100vw), 24px);
    }

    .unit_explanation .box_explanation .cont {
        font-size: min(calc(16 / 390 * 100vw), 16px);
        flex-flow: column;
        padding: min(calc(2 / 390 * 100vw), 2px) 0 min(calc(10 / 390 * 100vw), 10px);
    }

    .unit_explanation .box_explanation .cont:has(dt .adjust01) {
        padding-top: min(calc(9 / 390 * 100vw), 9px);
    }

    .unit_explanation .box_explanation dt {
        position: relative;
        z-index: 0;
        width: 100%;
        padding: 0;
        border-right: 0;
        padding-bottom: min(calc(5 / 390 * 100vw), 5px);
        margin-bottom: min(calc(5 / 390 * 100vw), 5px);
    }

    .unit_explanation .box_explanation dt::after {
        content: "";
        position: absolute;
        z-index: 0;
        display: block;
        border-bottom: 1px dashed #C9CACA;
        width: 87.18%;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
    }

    .unit_explanation .box_explanation dd {
        width: 100%;
        padding-right: 0;
        align-items: center;
        text-align: center;
    }

    .unit_explanation .box_explanation .size_s {
        font-size: min(calc(12 / 390 * 100vw), 12px);
        margin-top: 0;
        margin-right: 0;
        line-height: 1.35;
    }

    .unit_explanation .box_explanation .cap {
        margin-top: min(calc(16 / 390 * 100vw), 16px);
        font-size: min(calc(14 / 390 * 100vw), 14px);
        line-height: 1.52;
    }

    .unit_explanation .box_explanation ul {
        font-size: min(calc(16 / 390 * 100vw), 16px);
        gap: min(calc(16 / 390 * 100vw), 16px);
        padding: 0;
    }

    .unit_explanation .box_explanation ul li {
        padding-left: min(calc(38 / 390 * 100vw), 38px);
    }

    .unit_explanation .box_explanation ul li::after {
        top: min(calc(6 / 390 * 100vw), 6px);
        left: min(calc(13 / 390 * 100vw), 13px);
        width: min(calc(6 / 390 * 100vw), 6px);
    }
}

.std_c {
    color: #555;
}












.unit_p_slider {
    padding-block: 80px;
}

.unit_p_slider .unit_inner {
    max-width: 1280px;
    width: calc(100% - 80px);
}

.unit_kinds {
    padding: 72px 20px;
    background-color: #fafafa;
}

.unit_kinds_inner {
    max-width: 1082px;
    margin: 0 auto;
}

.item_kinds {
    border: 1px solid #60A8B0;
    padding: 22px 60px;
    color: #60A8B0;
    background-color: #fff;
}

.unit_kinds_inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 64px 8%;
}

.item_kinds_heading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    position: relative;
    padding-left: 53px;
}

@media screen and (max-width: 767px) {
    .item_kinds_heading {
        line-height: 125%;
    }
}

.item_kinds_heading::after {
    content: "";
    left: 0;
    top: 50%;

    position: absolute;

    transform: translateY(-50%);
    width: 42px;
    height: 50px;

    display: block;

    background-size: contain;
    background-image: url("/assets/img/template/teeth.svg");
}

.item_kinds_heading_txt {
    padding-left: 53px;
    color: #555555;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 1em;
}

.item_kinds_list>div {
    display: flex;
    margin-top: 10px;
    align-items: center;
    font-size: 13px;
    gap: 15px;
}

.item_kinds_list dt {
    background-color: #F6F6F6;
    padding: 6px 0px;
    text-align: center;
    width: 5em;
    font-weight: 400;
}

.item_kinds_star {
    font-size: 18px;
    letter-spacing: 10px;
}

.swiper.unit_kinds__sp {
    display: none;
}

@media screen and (min-width: 1200px) {
    .unit_kinds {
        max-width: 1360px;
        margin: auto;
    }
}

@media screen and (max-width: 1199px) {
    .unit_kinds {
        border: none;
        padding: 0px;
    }

    .unit_kinds_inner {
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }
}

@media screen and (max-width: 767px) {
    .item_kinds_heading {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 18px;
        position: relative;
        padding-left: 53px;
    }

    .item_kinds_heading_txt {
        padding-left: 0;
    }

    .swiper.unit_kinds__sp {
        display: block;
    }

    .unit_kinds__pc {
        display: none;
    }

    .item_kinds {
        border: none;
        padding: 22px 60px;
    }

    .unit_p_slider .unit_inner {
        border-top: 1px solid #60A8B0;
        border-bottom: 1px solid #60A8B0;
    }

    .unit_p .unit_inner__sp_no_paddng {
        width: 100%;
    }
}

.unit_p_slider .swiper-button-next,
.unit_p_slider .swiper-button-prev {
    color: #AAD2D2;
}

.unit_precautions {
    padding-block: 120px;
    position: relative;
    /*
    background-color: #f6f6f6;
    */
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);

}

.unit_precautions::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    background-image: url(../../assets/img/cavity/unit_p_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.unit_precautions .unit_intro {
    margin-top: 0;
    padding-top: 0;
}

.unit_precautions .unit_inner {
    max-width: 1280px;
    width: calc(100% - 80px);
    padding: 0;
}

.unit_ttl {
    color: var(--color-01);
    text-align: center;
    font-size: 40px;
    margin-bottom: 1em;
}

.unit_precautions-ttl {
    margin-bottom: 2em;
}

.unit_precautions-ttl .size_s {
    color: #555;
}

.unit_precautions-ttl .size_s_tb::after {
    content: "";
    display: block;
    z-index: 0;
    background-color: #ddd;
    width: 56.167%;
    margin: auto;
    height: 1px;
}

.unit_precautions-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px;
}

.unit_precuations-item-text-wrap {
    padding: 40px;
    background-color: #fff;
}

.unit_precuations-item-text {
    line-height: 2;
    font-size: 18px;
}

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

    .unit_precautions::before {
        opacity: 0.15;
    }

    .unit_precautions-content {
        /*
        max-width: 658px;

        margin-inline: auto;
        grid-template-columns: auto;
        */
        gap: 64px;
    }

    .unit_ttl {
        width: calc(100% - 48px);
        margin: auto;
        text-align: left;
        font-size: max(calc(45 / 1199 * 100vw), 45px);
        line-height: 128%;
    }

    h3.unit_precautions-ttl {
        margin-bottom: 0;
        line-height: 228%;
        letter-spacing: -0.02em;
    }

    .unit_ttl .unit_precautions-ttl .size_s_tb {
        width: 100%;
    }

    .unit_precautions-ttl .size_s_tb {
        font-size: max(calc(34 / 1199 * 100vw), 34px);
    }

    .unit_precautions-ttl .size_s_tb::after {
        content: "";
        display: block;
        background-color: #fff;
        width: 100%;
        margin: auto;
        height: 1px;

    }


    h3.unit_precautions-ttl .size_s {
        font-size: max(calc(45 / 1199 * 100vw), 45px);
        line-height: 128%;
        margin-bottom: 0;
    }

    p.unit_precautions-ttl {
        width: calc(100% - 48px);
        font-size: max(calc(45 / 1199 * 100vw), 45px);
        display: flex;
        justify-content: flex-end;
        font-family: "Noto Serif JP";
        color: #555;
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
    }

}

@media screen and (max-width: 767px) {
    .unit_precautions {
        padding-block: 80px;
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
    }

    .unit_precautions-ttl .size_s_tb::after {
        content: "";
        display: block;
        background-color: #fff;
        width: 100%;
        margin: auto;
        height: 1px;
    }

    .unit_precautions .unit_inner {
        width: 100%;
        max-width: calc(100% - 48px);
    }

    .unit_precautions-content {
        max-width: 500px;
        gap: 40px;
    }

    .unit_ttl.unit_precautions-ttl {
        width: 100%;
        font-size: min(calc(36 / 390 * 100vw), 36px);
        line-height: 160%;
        letter-spacing: -0.04em;
    }

    .unit_precuations-item-text-wrap {
        padding: 32px;
    }

    .unit_ttl .unit_precautions-ttl .size_s_tb {
        font-size: min(calc(24 / 390 * 100vw), 24px);
    }

    h3.unit_precautions-ttl .size_s {
        font-size: min(calc(36 / 390 * 100vw), 36px);

    }

    p.unit_precautions-ttl {
        width: 100%;
        font-size: max(calc(24 / 390 * 100vw), 24px);
        display: flex;
        justify-content: flex-end;
        font-family: "Noto Serif JP";
        color: #555;
        margin-bottom: min(calc(50 / 390 * 100vw), 50px);
    }
}


.unit_orthodontics {
    background: url("/assets/img/template/img_orthodontics-bg-pc.png"), linear-gradient(90deg, #fff 0%, #e3edf0 36%, #eff4f9 100%);
    background-repeat: no-repeat;
    padding-block: 180px 120px;
    background-size: auto;
    background-position: 40% top;
}

.unit_p .unit_inner_orthodontics {
    max-width: 1280px;
    width: calc(100% - 80px);
    padding: 0;
}

.unit_orthodontics-ttl {
    text-align: left;
    font-size: 48px;
    margin-bottom: 220px;
    margin-left: 1em;
}

.size_s {
    font-size: .8334em;
}

.size_ss {
    font-size: .5834em;
}

.unit_orthodontics-lists {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 24px;
}

.unit_orthodontics-item {
    background-color: rgba(255, 255, 255, .8);
    padding: 40px 52px 56px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.unit_orthodontics-itenm-img {
    max-width: 162px;
}

.unit_orthodontics-item-ttl {
    color: var(--primary-color);
    font-size: 40px;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 400;
}

.unit_orthodontics-item-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 2;
}

.unit_orthodontics-bg-sp-img {
    display: none;
}

@media screen and (max-width: 1199px) {
    .unit_orthodontics {
        background: url("/assets/img/template/img_orthodontics-bg-tb.png"), linear-gradient(90deg, #fff 0%, #e3edf0 36%, #eff4f9 100%);
        padding-block: 90px 120px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .unit_orthodontics-ttl {
        margin-bottom: 1em;
        aspect-ratio: 5 / 2;
        display: flex;
        align-items: center;
        margin-left: 4vw;
    }





    .unit_orthodontics-lists {
        grid-template-columns: repeat(2, 1fr);
    }

    .unit_orthodontics-item {
        padding: 40px min(52px, 5.2vw);
    }

}

@media screen and (max-width: 767px) {
    .unit_orthodontics {
        background: linear-gradient(180deg, #fff 0, #fff 15%, #e2e9eb 15%, #e3edf0 64%, #eef3f9 100%);
        padding-block: 80px;
    }

    .unit_p .unit_inner_orthodontics {
        max-width: 500px;
        width: calc(100% - 48px);
    }

    .unit_ttl.unit_orthodontics-ttl {
        display: block;
        margin-left: 0;
        font-size: 31px;
        text-align: center;
        aspect-ratio: auto;
    }

    .unit_orthodontics-bg-sp-img {
        display: block;
        width: 100vw;
        margin-left: calc((100% - 100vw) / 2);
        max-width: none;
    }

    .unit_orthodontics-lists {
        grid-template-columns: auto;
        gap: 24px;
        margin-top: -18%;
    }

    .unit_orthodontics-item {
        padding: 24px 32px;
    }

    .unit_orthodontics-itenm-img {
        max-width: 100px;
    }

    .unit_orthodontics-item-ttl {
        font-size: 20px;
    }

    .unit_orthodontics-item-text {
        font-size: 16px;
    }
}

/* リード文 */

#introduction {
    padding-top: 0;
}

/* 親知らずで痛みがでる2つの症状 */
#wisdom-tooth-pain-symptoms-main {
    margin-bottom: 130px;
    padding-bottom: 0px;
}

@media screen and (max-width: 767px) {
    #wisdom-tooth-pain-symptoms-main {
        margin-bottom: 90px;
    }
}

/* 親知らず抜歯の費用と時間について */
#wisdom-tooth-extraction-cost-time .box_text .box_img {
    margin-top:65px;
}

@media screen and (max-width: 767px) {
    #wisdom-tooth-extraction-cost-time .box_text .box_img {
        margin-top: 60px;
    }
}