@import url(../common.css);
body {
    padding: 0;
    margin: 0;
    min-width: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
}

.header {
    min-width: 100vw !important;
}

.container {
    width: 85.641vw !important;
    margin: 0 auto;
    min-width: 0 !important;
    max-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container-lg {
    width: 92.307vw !important;
    margin: 0 auto;
    min-width: 0 !important;
    max-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.container-xl {
    width: 100vw !important;
    margin: 0 auto;
    min-width: 0 !important;
    max-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#digital .head {
    border-bottom: 1px solid #e2e2e2;
    width: 100vw;
    background-color: #fff;
    padding-top: 15.128vw;
}
#digital .head p {
    font-size: 4.102vw;
    font-weight: 400;
    line-height: 7.179vw;
    color: #558ed5;

    text-align: center;
    margin: 0 auto;
    margin-bottom: 1.282vw;
}
#digital .head h1 {
    font-size: 7.692vw;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 10.256vw;
    color: #171717;
    margin: 0 auto;

    margin-bottom: 7.692vw;
    text-align: center;
}

#digital .head > div {
    width: 85.128vw;
    height: 41.282vw;
    margin: 0 auto;
    /* margin-bottom: -4px; */
}
#digital .head div ul {
    width: 100%;
    height: 25%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0;
}
#digital .head div ul li {
    width: 42.564vw;
    height: 100%;
    /* margin-left: -1px;
    margin-top: -1px; */
}
#digital .head div ul li:last-child {
    width: 100%;
}

#digital .head div ul li button {
    background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 3.589vw;
    font-weight: 400;
    line-height: 5.384vw;
    letter-spacing: -0.04em;
    color: #333 !important;
    box-shadow: 1px 0 0 0 #e2e2e2, 0 1px 0 0 #e2e2e2, 1px 1px 0 0 #e2e2e2, 1px 0 0 0 #e2e2e2 inset, 0 1px 0 0 #e2e2e2 inset;
}

#digital .head div ul li button a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 3.589vw;
    font-weight: 400;
    line-height: 5.384vw;
    letter-spacing: -0.04em;
    color: #333;
}

#digital .head div ul li:hover button {
    background-color: #558ed5;
    border: 1px solid #e2e2e2;
    color: #fff;
    font-weight: 600;
}
#digital .head div ul li:hover button a {
    color: #fff;
    font-weight: 600;
}

#digital .head div ul li.active button {
    background-color: #558ed5;
    border: 1px solid #e2e2e2;
    color: #fff;
    font-weight: 600;
}
#digital .head div ul li.active button a {
    color: #fff;
    font-weight: 600;
}

#digital #section01 .container-lg {
    padding-top: 20.512vw;
    padding-bottom: 15.897vw;
}
#digital #section01 .container-lg h2 {
    font-size: 7.692vw;
    letter-spacing: -0.08em;
    line-height: 10.256vw;
    color: #373737;
    font-weight: 300;
    text-align: center;
    margin-bottom: 7.179vw;
}
#digital #section01 .container-lg h2 span {
    font-weight: bold;
    color: #558ed5;
}
#digital #section01 .container-lg p {
    font-size: 4.106vw;
    letter-spacing: -0.04em;
    line-height: 6.153vw;
    color: #777777;
    font-weight: 400;
    text-align: center;
}
#digital .tab-content {
    padding: 0;
    z-index: 1;
    position: relative;
    border-top: 1px solid #aeaeae;
}

#digital .tab-content #naviPosi {
    background-color: #f5f5f5;
}

#digital .nav-tabs {
    margin-bottom: -1px;
    z-index: 2;
    position: relative;
}
#digital .nav-tabs li {
    border-radius: 0;
    border: 1px solid #aeaeae;
    border-bottom: none;
}

#digital .nav-tabs.navigation-implant-tabs li {
    border-radius: 0;
    border: 1px solid #aeaeae;
    border-bottom: none;
    width: 28.184vw;
}
#digital .nav-tabs.oneday-implant-tabs li {
    border-radius: 0;
    border: 1px solid #aeaeae;
    border-bottom: none;
}
#digital .nav-tabs.oneday-implant-tabs li {
}
#digital .nav-tabs.oneday-implant-tabs li button {
    color: rgba(51, 51, 51, 0.5);
}

#digital .nav-tabs li button {
    border-radius: 0;
    color: #171717;
    padding: 0;
    height: 13.846vw;
    font-size: 4.102vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 5.128vw;
}

#digital #section04 .nav-tabs li button {
    color: #333;
}

#digital ul {
    border: none;
}

#digital ul li button {
    background-color: #fff;
    border-bottom: 1px solid #aeaeae;
    width: 100%;
    height: 100%;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 4.871vw;
}
#digital ul li button.active {
    border-bottom: 1px solid transparent;
    background-color: #f5f5f5;
}

#digital #section05 ul li button.active {
    color: #171717 !important;
}
#digital #section07 ul li button.active {
    color: #171717 !important;
}

#digital #section02 {
    background-image: url(../../img/mobile/digitalSect02BG.png);
    background-size: cover;
    background-position: center;
}
#digital #section02 .container-xl {
    padding: 0;
    padding-top: 10vw;
    padding-bottom: 18.205vw;
}
#digital #section02 h6 {
    font-size: 4.106vw;
    letter-spacing: 0.12em;
    line-height: 9.743vw;
    font-weight: 400;
    color: #9ac7ff;
    margin-bottom: 2.564vw;
}
#digital #section02 h2 {
    font-size: 7.692vw;
    letter-spacing: -0.05em;
    line-height: 8.974vw;
    color: #fff;
    font-weight: 300;
    margin-bottom: 4.871vw;
}
#digital #section02 h2 span {
    color: #9ac7ff;
    font-weight: bold;
}
#digital #section02 h4 {
    font-size: 5.128vw;
    letter-spacing: -0.05em;
    line-height: 7.692vw;
    color: #9ac7ff;
    font-weight: 300;
    margin-bottom: 6.923vw;
}
#digital #section02 p {
    font-size: 4.106vw;
    letter-spacing: -0.05em;
    line-height: 6.153vw;
    color: #fff;
    font-weight: 300;
    margin-bottom: 12.179vw;
}
#digital #section02 ul li {
    width: 33.33333%;
}

#digital #section03 {
}
#digital #section03 > .container-xl {
    padding-top: 12.692vw;
}

#digital #section03 h6 {
    font-size: 4.106vw;
    letter-spacing: 0.12em;
    /* line-height: 11.794vw; */
    font-weight: 400;
    color: #558ed5;
    margin-bottom: 3.564vw;
}
#digital #section03 h2 {
    font-size: 7.692vw;
    letter-spacing: -0.05em;
    line-height: 9.743vw;
    color: #333333;
    font-weight: 300;
    margin-bottom: 5.307vw;
}
#digital #section03 h2 span {
    font-weight: bold;
    color: #558ed5;
}
#digital #section03 p {
    font-size: 4.106vw;
    letter-spacing: -0.05em;
    line-height: 6.153vw;
    color: #777777;
    font-weight: 400;
    margin-bottom: 6.717vw;
}
#digital #section03 .container-xl {
    padding: 0;
    padding-top: 12.692vw;
}
#digital #section03 .container-xl .container > button {
    width: 43.579vw;
    height: 11.976vw;
    background-color: #fff;
    border: 1px solid #707070;
    font-size: 4.106vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 8.717vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8.41vw;
    padding: 0 3.282vw;
    margin-bottom: 9.743vw;
    white-space: nowrap;
    color: #333 !important;
}
#digital #section03 .container-xl .container > button img {
    filter: brightness(0.5);
    width: 2vw;
}
#digital #section03 .container-xl .container ul li {
    width: 50%;
}
#digital #section03 .container-xl .container ul li button.active {
    border: 1px solid transparent;
    color: rgba(51, 51, 51, 1);
    border-bottom: none;
}
#digital #section03 .container-xl .container ul li button {
    border: 1px solid rgba(174, 174, 174, 0.5);
    color: rgba(51, 51, 51, 0.5);
    border-top: none;
}

#digital #section04 {
    background-image: url(../../img/mobile/digitalSect04BG.png);
    background-position: center;
    background-size: cover;
}
#digital #section04 .container-xl {
    padding: 0;
    padding-top: 10.512vw;
    padding-bottom: 18.282vw;
}
#digital #section04 .container-xl h6 {
    font-size: 3.589vw;
    font-weight: 400;
    letter-spacing: 0.12em;
    /* line-height: 9.743vw; */
    color: #9ac7ff;
    text-align: center;
    margin-bottom: 3.025vw;
}
#digital #section04 .container-xl h2 {
    font-size: 7.692vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 9.743vw;
    color: #fff;
    text-align: center;
    margin-bottom: 6.282vw;
}
#digital #section04 .container-xl h2 span {
    font-weight: bold;
}
#digital #section04 .container-xl h4 {
    font-size: 5.128vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 7.692vw;
    color: #fff;
    text-align: center;
    margin-bottom: 9.871vw;
}

#digital #section04 .container-xl p {
    font-size: 4.106vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 6.153vw;
    color: #fff;
    text-align: center;
    margin-bottom: 14.948vw;
}
#digital #section04 .container-xl p span {
    color: #9ac7ff;
}

#digital #section04 .container-xl .container ul li {
    width: 50%;
}

#digital #section05 {
}

#digital #section05 .container-xl {
    padding: 0;
    padding-top: 16.179vw;
}
#digital #section05 .container-xl .container {
}

#digital #section05 .container-xl h6 {
    font-size: 4.106vw;
    font-weight: 400;
    letter-spacing: 0.12em;
    color: #558ed5;
    margin-bottom: 1.282vw;
}
#digital #section05 .container-xl h2 {
    font-size: 7.692vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 11.282vw;
    color: #333333;
    margin-bottom: 6.153vw;
}
#digital #section05 .container-xl h2 span {
    font-weight: bold;
}
#digital #section05 .container-xl h4 {
    font-size: 5.128vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 7.692vw;
    color: #333333;
    margin-bottom: 6.41vw;
}
#digital #section05 .container-xl h4 span {
    font-weight: bold;
    color: #558ed5;
}

#digital #section05 .container-xl p {
    font-size: 4.106vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 6.153vw;
    color: #333333;
    margin-bottom: 11.538vw;
}
#digital #section05 .container-xl .container img {
    width: 85.897vw;
    margin: 0 auto;
    margin-bottom: 17.948vw;
}

#digital #section05 .container-xl .container ul li {
    width: 50%;
}
#digital #section06 .container-xl {
    padding: 0;
    padding-top: 18.589vw;
    padding-bottom: 26.076vw;
    background-image: url(../../img/mobile/digitalSect06BG.png);
    background-size: cover;
    background-position: center;
}

#digital #section06 .container-xl h6 {
    font-size: 4.106vw;
    font-weight: 300;
    letter-spacing: 0.12em;
    color: #9ac7ff;
    text-align: center;
    margin-bottom: 3.435vw;
}
#digital #section06 .container-xl h2 {
    font-size: 7.692vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 10.256vw;
    color: #fff;
    text-align: center;
    margin-bottom: 5.23vw;
}
#digital #section06 .container-xl h2 span {
    font-weight: bold;
}
#digital #section06 .container-xl p {
    font-size: 4.106vw;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 6.153vw;
    color: #fff;
    text-align: center;
    margin-bottom: 15.512vw;
}
#digital #section06 .container-xl .container ul li {
    width: 33.333333%;
}

#digital #section07 .container-xl {
    padding: 0;
    padding-top: 12.666vw;
}

#digital #section07 .container-xl h6 {
    font-size: 4.106vw;
    font-weight: 400;
    letter-spacing: 0.12em;
    color: #558ed5;
    margin-bottom: 2.564vw;
}
#digital #section07 .container-xl h2 {
    font-size: 7.692vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 9.743vw;
    color: #333333;
    margin-bottom: 2.692vw;
}
#digital #section07 .container-xl h2 span {
    font-weight: bold;
}
#digital #section07 .container-xl h4 {
    font-size: 5.128vw;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 7.692vw;
    color: #558ed5;
    margin-bottom: 5.128vw;
}
#digital #section07 .container-xl h4 span {
    font-weight: bold;
    color: #558ed5;
}

#digital #section07 .container-xl p {
    font-size: 4.106vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 6.153vw;
    color: #333333;
    margin-bottom: 10.897vw;
}
#digital #section07 .container-xl .container img {
    margin-bottom: 20.794vw;
}
#digital #section07 .container-xl .container ul li {
    width: 50%;
}

#digital #section08 .container-xl {
    padding: 0;
    padding-top: 9.871vw;
    padding-bottom: 17.025vw;
    background-image: url(../../img/mobile/digitalSect08BG.png);
    background-size: cover;
    background-position: center;
}

#digital #section08 .container-xl .container-lg {
    padding-left: 7.628vw !important;
}

#digital #section08 .container-xl h6 {
    font-size: 4.106vw;
    font-weight: 400;
    letter-spacing: 0.12em;
    color: #9ac7ff;

    margin-bottom: 3.051vw;
}
#digital #section08 .container-xl h2 {
    font-size: 7.692vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 10.256vw;
    color: #fff;
    margin-bottom: 5.282vw;
}
#digital #section08 .container-xl h2 span {
    font-weight: bold;
}
#digital #section08 .container-xl p {
    font-size: 4.016vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 6.666vw;
    color: #fff;
    margin-bottom: 9.23vw;
}
#digital #section08 .container-xl p span {
    color: #9ac7ff;
    font-weight: 400;
    font-size: 4.618vw;
}
#digital #section08 .container-xl .container-lg img {
    margin-left: -5.528vw;
    margin-bottom: -0.1vw;
}

#digital #section08 .container-xl .container-lg ul {
    margin-left: -3.526vw;
    position: relative;
    width: 82.3076vw;
}

#digital #section08 .container-xl .container-lg ul li {
    width: 50%;
}

#digital #section09 .container-lg {
    padding-top: 17.82vw;
}

#digital #section09 .container-lg h2 {
    font-size: 7.692vw;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 9.743vw;
    color: #333333;
    margin-bottom: 2.051vw;
    text-align: center;
}
#digital #section09 .container-lg h2 span {
    font-weight: bold;
    color: #558ed5;
}
#digital #section09 .container-lg p {
    font-size: 4.106vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 6.153vw;
    color: #333333;
    text-align: center;
    margin-bottom: 7.692vw;
}
#digital #section09 ul {
    width: 78.841vw;
    gap: 4.897vw;
    justify-content: center;
    margin-bottom: 10.256vw;
    padding: 0 3.656vw;
    border-bottom: none;
}
#digital #section09 ul li {
    width: 11.625vw;
    border: none;
}
#digital #section09 ul li button {
    border: none;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    font-size: 4.106vw;
    font-weight: 400;
    letter-spacing: -0.08em;
    line-height: auto;
    height: auto;
    transition: all 0.5;
    padding: 1.025vw;
    color: #171717;
}
#digital #section09 ul li button.active {
    border-bottom: 2px solid #558ed5;
    color: #558ed5;
}
#digital #section09 ul span {
    color: #707070;
    opacity: 0.3;
}
#digital #section09 .tab-content {
    padding-bottom: 15.564vw;
}
#digital #section09 .tab-content .workBefore {
    margin-bottom: 4.948vw;
    position: relative;
}
#digital #section09 .tab-content .workBefore .label {
    background: rgba(51, 51, 51, 0.9);
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 16.666vw;
    font-size: 6.153vw;
    letter-spacing: -0.05em;
    line-height: 8.205vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4);
}
#digital #section09 .tab-content .workAfter {
    margin-bottom: 10.256vw;
    position: relative;
}
#digital #section09 .tab-content .workAfter .label {
    background: rgba(85, 142, 213, 1);
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 16.666vw;
    font-size: 6.153vw;
    letter-spacing: -0.05em;
    line-height: 8.205vw;
    font-weight: 400;
    color: #fff;
}
#digital #section09 .tab-content .workAfter .overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    /* padding-top: 52px; */
    flex-direction: column;
    background-color: rgba(51, 51, 51, 0.9);
}
#digital #section09 .tab-content .workAfter .overlay a {
    justify-content: center;
}

#digital #section09 .tab-content .workAfter .overlay img {
    width: 13.333vw;
}
#digital #section09 .tab-content .workAfter .overlay h4 {
    margin-top: 5.128vw;
    margin-bottom: 3.589vw;
    color: #fff;
    opacity: 0.5;
    font-size: 5.641vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 6.153vw;
}
#digital #section09 .tab-content .workAfter .overlay p {
    font-size: 3.846vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 5.897vw;
    color: #ffffff;
    opacity: 0.5;
    text-align: center;
}
#digital #section09 .tab-content .textBox {
    background-color: #a7a7a7;
    height: 36.666vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
#digital #section09 .tab-content .textBox h6 {
    text-align: center;
    font-size: 3.615vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 150%;
    color: #fff;
    margin-bottom: 0;
}
#digital #section09 .tab-content img {
    width: 100%;
}

#digital #section11 .container-lg {
    padding-top: 15.5128vw;
    padding-bottom: 15.641vw;
}
#digital #section11 .container-lg h2 {
    font-size: 7.692vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 9.743vw;
    color: #171717;
    text-align: center;
    margin-bottom: 15.5128vw;
}

#digital #section11 .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.82vw 2.564vw;
}
#digital #section11 .grid .w-100 img {
    top: 2.282vw;
    right: 3.282vw;
    width: 7.435vw;
}
#digital #section11 .grid .w-100 {
    min-height: 38.461vw;
    background-color: #f6f6f6;
    padding: 0 0 0 3.589vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#digital #section11 .grid .w-100 h6 {
    font-size: 4.615vw;
    font-weight: 500;
    letter-spacing: -0.04em;
    /* line-height: 7.692vw; */
    margin-bottom: 2.82vw;
    color: #000;
}

#digital #section11 .grid .w-100 p {
    font-size: 3.589vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 5.128vw;
    color: #717171;
}
#digital #section11 .grid .w-100 p span {
    font-size: 2.564vw;
}

#digital #section11 .grid .w-100.active {
    background-color: #558ed5;
}
#digital #section11 .grid .w-100.active img {
    filter: brightness(100);
}
#digital #section11 .grid .w-100.active h6 {
    color: #fff;
}
#digital #section11 .grid .w-100.active p {
    color: #fff;
}