html {
    scroll-behavior: smooth;
}

body {
    background-color: #F6F0E1;
    font-family: "Noto Sans CJK JP", sans-serif;
}

.main {
    position: relative;
    isolation: isolate;
    
}

.fixed-bg {
    position: -webkit-sticky;
    position: sticky;
    top: calc(100vh - 27.4rem);
    top: calc(100dvh - 27.4rem);
    height: 27.4rem;
    margin-bottom: -17rem;
    z-index: -2;
    pointer-events: none;
    background-image: url('../img/module/body_img_bg1.svg');
    background-size: 67.4rem 27.4rem;
    background-position: right -2rem bottom 0;
    background-repeat: no-repeat;
}

section {
    scroll-margin-top: 10rem;
}

.hero {
    margin: 6.5rem auto 5.2rem;
}

.hero__img {
    width: 115rem;
    height: 46rem;
    display: block;
    margin-inline: auto;
    border-radius: 3rem;
    overflow: hidden;
}

.hero__img img {
    object-position: top -10rem left 0;
}

.hero__title{
    width: 60rem;
    text-align: center;
    padding-block: 2.2rem;
    border-radius: 5rem;
    box-shadow: 0 0.3rem 0.6rem #00000029;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    margin-top: -4.5rem;
    background-color: #FFFFFF;
    position: relative;
    font-size: 2.5rem;
    font-weight: 700;
    color: #47351A;
}

.hero__links {
    display: flex;
    gap: 5rem;
    width: fit-content;
    margin: 2rem auto 0;
}

.hero__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31.5rem;
    height: 5.2rem;
    border-radius: 3.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: calc(24 / 16);
    color: #fff;
}

.hero__link--home {
    background-color: #019A6C;
}

.hero__link--day {
    background-color :#0069AA;
}

.hero__link span {
    width: 1.2rem;
    height: 1.2rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-radius: 1px;
    transform: translateY(-2px) rotate(45deg);
    margin-left: 1rem;
}

.home-introduction,
.day,
.day-schedule,
.day-calendar {
    position: relative;
}

.home__inner,
.home-service__inner,
.home-about__inner,
.home-introduction__inner,
.home-behest__inner,
.day__inner,
.day-service__inner,
.day-introduction__inner,
.day-fee__inner,
.day-calendar__inner,
.day-schedule__inner,
.day-behest__inner,
.cooperation__inner
{
    width: 115rem;
    margin: 0 auto 1.5rem;
    background-color: #fff;
    border-radius: 1.5rem;
    position: relative;
    z-index: 2;
}

.home-behest__inner {
    margin-bottom: 5rem;
}

.day-behest__inner {
    margin-bottom: 12rem;
}
.home__inner,
.day__inner {
    display: flex;
    gap: 1rem;
}

.home-service__inner,
.home-about__inner,
.home-introduction__inner,
.home-behest__inner,
.day-service__inner,
.day-introduction__inner,
.day-fee__inner,
.day-calendar__inner,
.day-schedule__inner,
.day-behest__inner,
.cooperation__inner {
    padding: 3.5rem 3rem;
}

.home__title,
.day__title {
    width: 37rem;
    height: 4.2rem;
    font-family: 'Shippori Mincho', serif;
    font-size: 2.3rem;
    font-weight: 700;
    border-radius: 2.1rem;
    line-height: calc(34 / 23);
    color: #fff;
    background-color: #019A6C;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.day__title {
    background-color: #0069AA;
}

.home-service__title,
.home-about__title,
.home-infection__title,
.home-introduction__title,
.home-behest__title,
.day-service__title,
.day-introduction__title,
.day-fee__title,
.day-calendar__title,
.day-schedule__title,
.day-behest__title,
.cooperation__title,
.cooperation__subtitle  {
    font-family: 'Shippori Mincho' , serif;
    font-size: 2.3rem;
    font-weight: 700;
    line-height: calc(34 / 23);
    color: #47351A;
    margin-bottom: 2rem;
}

.home-service__title,
.home-introduction__title,
.home-behest__title,
.cooperation__subtitle {
    padding-bottom: 1rem;
    border-bottom: 2px dashed #019A6C;
}

.day-service__title,
.day-introduction__title,
.day-fee__title,
.day-calendar__title,
.day-schedule__title,
.day-behest__title {
    padding-bottom: 1rem;
    border-bottom: 2px dashed #0069AA;
}


.home-about__title,
.home-infection__title,
.cooperation__title {
    text-align: center;
}

.home__text-box,
.day__text-box {
    width: 57.5rem;
    padding: 3.5rem 3rem;
}

.home__text,
.home-introduction__text,
.home-behest__text,
.day__text,
.day-introduction__text,
.day-behest__text,
.cooperation__list,
.cooperation__text {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: calc(26 / 18);
    margin-bottom: 1.5rem;
    color: #47351A;
}

.home__img,
.day__img {
    width: 57.5rem;
    height: 39.7rem;
    border-radius: 0 1.5rem 1.5rem 0;
    overflow: hidden;
}

.home__img img,
.day__img img {
    height: 100%;
}

.home-service__container,
.day-service__container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.home-service__box,
.day-service__box {
    padding: 1.5rem;
    border: 1px solid #019A6C;
    background-color: #fff;
    border-radius: 1rem;
}

.day-service__box {
    border: 1px solid #0069AA;
}

.home-service__subtitle,
.day-service__subtitle {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: calc(24 / 16);
    color: #019A6C;
    margin-bottom: 0.5rem;
}

.day-service__subtitle {
    color: #0069AA;
}

.home-service__text,
.day-service__text {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: calc(24 / 16);
    color: #47351A;
}

.home-category__list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    width: 66rem;
    height: 4.4rem;
    margin: 0 auto 1.5rem;
    border: 1px solid #F6F0E1;
    border-radius: 5.3rem;
    background-color: #fff;
}

.home-category__item {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: calc(24 / 16);
    color: #47351A;
    display: flex;
    align-items: center;
}

.home-category__item::before {
    content: '';
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 50%;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #fff;
    font-weight: 300;
}
.home-category__item:nth-child(1)::before {
    border:1px solid #019A6C;
}

.home-category__item:nth-child(2)::before {
    content: '△';
    background-color: #F9A22C;
}

.home-category__item:nth-child(3)::before {
    content: '×';
    background-color: #FF836B;
}

.home-info__list,
.home-infection__list {
    display: grid;
    grid-template-columns: repeat(4 , 1fr);
    width: 90rem;
    margin: 0 auto 3.1rem;
    gap: 1rem 0;
}

.home-info__item,
.home-infection__item,
.cooperation__item {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: calc(24 / 16);
    color: #47351A;
    border-bottom: 1px solid #F6F0E1;
    padding-bottom: 0.5rem;
}

.home-introduction__container,
.day-introduction__container {
    display: flex;
    gap: 2rem;
}
.home-introduction__slide,
.day-introduction__slide {
    width: 54.5rem;
    height: 35.5rem;
    position: relative;
}

.home-introduction__slide-inner,
.day-introduction__slide-inner {
    width: 54.5rem;
    height: 35.5rem;
    border-radius: 1.5rem;
    position: relative;
    overflow: hidden;
}

.home-introduction__btns,
.day-introduction__btns {
    display: flex;
    gap:  3rem;
    align-items: center;
    position: absolute;
    z-index: 10;
    bottom: -2.5rem;
    width: fit-content;
    right: 0;
    left: 0;
    margin: 0 auto;
    }

.home-introduction__btn,
.day-introduction__btn {
    display: block;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    position: relative;
    background-color: #019A6C;
    cursor: pointer;
}

.day-introduction__btn {
    background-color: #0069AA;
}

.home-introduction__btn::before,
.day-introduction__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.home-introduction__btn--next::before,
.day-introduction__btn--next::before {
    transform: translate(-65%, -50%) rotate(45deg);
}

.home-introduction__btn--back::before,
.day-introduction__btn--back::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.home-introduction__list,
.day-introduction__list {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    }

.home-introduction__item,
.day-introduction__item {
    min-width: 100%;
    height: 100%;
}

.home-info__item--available .home-info__mark,
.home-infection__item--available .home-infection__mark {
    color: #019A6C;
}

.home-info__item--consultation .home-info__mark,
.home-infection__item--consultation .home-infection__mark {
    color: #F9A22C;
}

.home-info__item--unavailable .home-info__mark,
.home-infection__item--unavailable .home-infection__mark {
    color: #FF836B;
}

.home-introduction__flower {
    position: absolute;
    right: 10.3rem;
    bottom: -9rem;
    z-index: 5;
    width: 20.4rem;
    height: 21rem;
    z-index: 5;
}

.home-introduction_circle {
    position: absolute;
    width: 22rem;
    height: 22rem;
    right: 0;
    top: -11rem;
}

.home-behest__list,
.day-behest__list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.home-behest__item,
.day-behest__item {
    width: 100%;
    padding: 1.5rem;
    border: 1px solid #019A6C;
    border-radius: 1rem;
}

.day-behest__item {
    border:1px solid #0069AA;
}

.home-behest__subtitle,
.day-behest__subtitle  {
    display: flex;
    align-items: center;
    font-size: 2.3rem;
    font-weight: 700;
    color: #47351A;
    line-height: calc(34 / 23);
    margin-bottom: 1.5rem;
}

.home-behest__subtitle span,
.day-behest__subtitle span  {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #019A6C;
    color: #fff;
    font-size: 1.6rem;
    line-height: calc(24 / 16);
    border-radius: 50%;
    margin-right: 1.5rem;
}

.day-behest__subtitle span {
    background-color: #0069AA;
}

.day__circle {
    position: absolute;
    width: 22rem;
    height: 22rem;
    bottom: -13rem;
    left: 0;
}

.day-fee__container {
    display: flex;
    align-items:flex-start;
    justify-content: space-between;
}

.day-fee__list {
    display: grid;
    grid-template-columns: 13rem 20rem;
    width: 33rem;
    border-radius: 1.5rem;
    overflow: hidden;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: calc(26 /18);
    color: #47351A;
    text-align: center;
}

.day-fee__dt {
    padding: 1rem;
    background-color: #E3D7BB;
    border-bottom: 1px dashed #fff;
    border-right: 1px solid #fff;
}

.day-fee__dt:first-child {
    color: #fff;
    background-color: #019A6C;
    border-bottom: 1px solid #fff;
}

.day-fee__dd {
    padding: 1rem;
    background-color: #F2E7CE;
    border-bottom: 1px dashed #fff;
} 

.day-fee__dd:first-of-type {
    color: #fff;
    background-color: #7E7E7E;
    border-bottom: 1px solid #fff;
}

.day-fee__dt:last-of-type,
.day-fee__dd:last-child {
    border-bottom: none;
}


.day-fee__text-box {
    font-size: 1.8rem;
    line-height: calc(26 /18);
    color: #47351A;
    width: 33rem;
}

.day-fee__subtitle {
    font-weight: 700;
    margin: 2rem 0 1rem;
}

.day-fee__text {
    font-weight: 500;
}


.day-calendar__flower {
    position: absolute;
    right: 10.2rem;
    top: -9rem;
    width: 20.4rem;
    z-index: 5;
}

.day-calendar__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5rem 3rem;
}

.day-calendar__box {
    display: flex;
    gap: 2rem;
}

.day-calendar__month  {
    width: 8.5rem;
    height: 8.5rem;
    position: relative;
}

.day-calendar__icon {
    width: 8.5rem;
    height: 8.5rem;
}

.day-calendar__text {
    position:absolute;
    top: 1.5rem;
    right: 1rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: calc(29 / 20);
}

.day-calendar__text span {
    font-size: 2rem;
    line-height: calc(20/14);
}

.day-calendar__list {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: calc(24 / 16);
    color: #47351A;
}

.day-calendar__item::before {
    content: "•";
    margin-right: 0.3rem;
}

.day-schedule__container {
    display: flex;
}

.day-schedule__period {
    width: 50%;
    position: relative;
}

.day-schedule__list {
    position: relative;
}

.day-schedule__list::before {
    content: "";
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: 3.6rem; /* timeの幅7.2remの中央 */
    border-left: 3px dotted #202020;
    transform: translateX(-50%);
    z-index: 0;
}


.day-schedule__subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12.2rem;
    height: 3.7rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: calc(24 / 16);
    color: #fff;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
}

.day-schedule__subtitle--am {
    background-color: #EC6D71;
}

.day-schedule__subtitle--pm {
    background-color: #0069AA;
}

.day-schedule__item {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.day-schedule__item--am,
.day-schedule__pm  {
    margin-bottom: 10rem;
}

.day-schedule__item:last-child {
position: relative;
}

.day-schedule__item:last-child::after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
left: 3rem;
width: 1.5rem;
background: #fff;
z-index: 0;
}

.day-schedule__time {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem;
    width: 7.2rem;
    height: 3.6rem;
    border-radius: 1.8rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: calc(26 / 18);
    color: #fff;
    background-color: #202020;
    margin-right: 1rem;
    z-index: 1;
}

.day-schedule__info,
.day-schedule__sublist {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: calc(24 / 16);
    color: #47351A;
}

.day-schedule__img {
    display: block;
    width: 20.9rem;
    height: 13rem;
    border-radius: 0.5rem;
    overflow: hidden;
    position: absolute;
}

.day-schedule__img--am {
    top: 6rem;
    left: 20rem;
}

.day-schedule__img--pm {
    bottom: 13rem;
    left: 20rem;
}

.day__schedule__flower {
    position: absolute;
    width: 17rem;
    height: 19rem;
    right: 14.5rem;
    bottom: -9rem;
    z-index: 5;
}

.cooperation__container {
    display: flex;
    gap: 2rem;
    width: 100%;
}

.cooperation__complete,
.cooperation__dentistry {
    width: 50%;
}

.cooperation__list {
    margin-bottom: 2rem;
}

.cooperation__item {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.cooperation__item:last-child {
    margin-bottom: 0;
}

.cooperation__item::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: #019A6C;
    border-radius: 50%;
}


@media screen and (max-width: 699.98px) {

    .fixed-bg {
        background-size: 100% auto;
    }

    .hero {
        margin: 2rem auto 5rem;
    }

    .hero__img {
        width: 33.5rem;
        height: 25.1rem;
    }
    .hero__img img {
        object-position: center;
    }

    .hero__img  img{
        height: 100%;
    }

    .hero__title {
        width: 23rem;
        height: 4.7rem;
        font-size: 2rem;
        line-height: calc(29 / 20);
        margin-top: -2rem;
    }

    .hero__links {
        flex-direction: column;
        gap: 1rem;
    }

    .hero__link {
        width: 30.5rem;
    }

    .home__inner,
    .home-service__inner,
    .home-about__inner,
    .home-introduction__inner,
    .home-behest__inner,
    .day__inner,
    .day-service__inner,
    .day-introduction__inner,
    .day-fee__inner,
    .day-calendar__inner,
    .day-schedule__inner,
    .day-behest__inner,
    .cooperation__inner {
        flex-direction: column;
        width: 33.5rem;
        /* padding: 3.5rem 1.5rem; */
    }

    .home-service__inner,
    .home-about__inner,
    .home-introduction__inner,
    .home-behest__inner,
    .day-service__inner,
    .day-introduction__inner,
    .day-fee__inner,
    .day-calendar__inner,
    .day-schedule__inner,
    .day-behest__inner,
    .cooperation__inner {
        padding: 3.5rem 1.5rem;
    }

    .home-introduction__inner  {
        margin-bottom: 7.5rem;
    }

    .home__title,
    .day__title {
        width: 30.5rem;
        font-size: 1.8rem;
        line-height: calc(26 / 18);
    }

    .home-service__title,
    .home-about__title,
    .home-infection__title,
    .home-introduction__title,
    .home-behest__title,
    .day-service__title,
    .day-introduction__title,
    .day-fee__title,
    .day-calendar__title,
    .day-schedule__title,
    .day.day-behest__title,
    .cooperation__title,
    .cooperation__subtitle {
        font-size: 2rem;
        line-height: calc(29 /20);
        margin-bottom: 1rem;
    }

    .home__text-box,
    .day__text-box {
        padding: 3.5rem 1.5rem 0;
        width: 100%
    }

    .home__text,
    .day__text {
        font-size: 1.6rem;
        line-height: calc(24 / 16);
    }

    .home__img,
    .day__img {
        width: 33.5rem;
        height: 23.1rem;
        border-radius: 0 0 1.5rem 1.5rem;
    }

    .home-service__text,
    .day-service__text  {
        font-size: 1.4rem;
        line-height: calc(20 /14);
    }

    .home-service__container,
    .day-service__container {
        flex-direction: column;
        width: 100%;
        gap: 1rem
    }

    .home-service__box,
    .day-service__box {
        padding: 1rem;
    }

    .home-category__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        border: none;
        gap: 1rem;
        height: auto;
    }

    .home-category__list,
    .home-info__list, 
    .home-infection__list {
        width: 30.5rem;
    }

    .home-info__list,
    .home-infection__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
        overflow: hidden;
    }

    .home-info__item--wide,
    .home-infection__item--wide {
        grid-column: 1 / -1;
    }

    .home-category__item::before {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 0.5;
        font-size: 1.6rem;
        line-height: calc(25 / 16);
    }

    .home-about_btn,
    .cooperation_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30.5rem;
        height: 4.2rem;
        border-radius: 2.1rem;
        color: #47351A;
        background-color: #E3D7BB;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: calc(26 / 18);
        margin-bottom: 1rem;
    }

    .home-about_btn span,
    .cooperation_btn span {
        width: 1.2rem;
        height: 1.2rem;
        border-right: 3px solid #47351A;
        border-bottom: 3px solid #47351A;
        border-radius: 1px;
        transform: translateY(-2px) rotate(45deg);
        margin-left: 1rem;
    }

    .home-about_btn.active span,
    .cooperation_btn.active span{
        width: 1.2rem;
        height: 1.2rem;
        border-right: none;
        border-bottom: none;
        border-left: 3px solid #47351A;
        border-top: 3px solid #47351A;
        border-radius: 1px;
        transform: translateY(2px) rotate(45deg);
        margin-left: 1rem;
    }
    
    .home-about__accordion,
    .cooperation__container {
        display: none;
    }

    .home-info__item,
    .home-infection__item,
    .cooperation__list,
    .cooperation__text {
        position: relative;
        border-bottom: none;
        font-size: 1.4rem;
        line-height: calc(20 / 14);
    }

    .home-info__item::after,
    .home-infection__item::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100vw;
        border-bottom: 1px solid #F6F0E1;
    }

    .home-introduction__container,
    .day-introduction__container {
        flex-direction: column;
    }

    .home-introduction__slide,
    .day-introduction__slide {
        width: 30.5rem;
        height:  auto;
    }

    .home-introduction__slide-inner,
    .day-introduction__slide-inner{
        width: 30.5rem;
        height: 19.9rem;
    }

    .home-introduction__btns,
    .day-introduction__btns {
        position: relative;
        bottom: 0;
        gap: 2rem;
        margin-top: 1rem;
    }

    .home-introduction__btn,
    .day-introduction__btn {
        width: 3rem;
        height: 3rem;
    }

    .home-introduction__text,
    .day-introduction__text  {
        font-size: 1.6rem;
        line-height: calc(24 / 18);
    }
    
    .home-introduction__flower {
        width: 11.5rem;
        height: 11.8rem;
        right: 0;
        bottom: -7rem;
    }

    .home-behest__list, 
    .day-behest__list {
        gap: 1.5rem;
    }

    .home-behest__text,
    .day-behest__text {
        font-size: 1.5rem;
        line-height: calc(21 / 15);
    }

    .day-fee__container {
        flex-direction: column;
        gap: 2rem;
    }

    .day-fee__list {
        width: 30.5rem;
    }

    .day-fee__dt {
        width: 13rem;
    }

    .day-fee__dd {
        width: 17.5rem;
    }

    .day-fee__subtitle {
        margin: 0 0 0.5rem;
    }

    .day-calendar__container {
        grid-template-columns: 15.5rem auto;
        gap: 2rem;
    }

    .day-calendar__box {
        flex-direction: column;
    }

    .day-calendar__month {
        margin: 0 auto;
    }

    .day-calendar__list {
        margin-left: 1.5rem;
    }

    .day-calendar__list--sp {
        display:grid;
        grid-template-columns: repeat(2, auto);
        gap: 0 0.5rem;
        margin: 0;
    }
    .day-calendar__list--sp .day-calendar__item:nth-child(1) {
        order: 1;
    }

    .day-calendar__list--sp .day-calendar__item:nth-child(2) {
        order: 3;
    }

    .day-calendar__list--sp .day-calendar__item:nth-child(3) {
        order: 2;
    }
    
    .day-calendar__list--sp .day-calendar__item:nth-child(4) { 
        order: 4;
    }

    .day-calendar__flower {
        width: 11.4rem;
        height: 9.6rem;
        top: auto;
        bottom: -6.5rem;
        right: 2rem;
    }

    .day-schedule__container {
        flex-direction: column;
    }

    .day-schedule__period {
        width: 100%;
    }

    .day-schedule__time {
        font-size: 1.6rem;
        text-align: center;
    }

    .day-schedule__img {
        width: 15.6rem;
        height: 9.7rem;
    }

    .day-schedule__img--am {
        left: auto;
        right: 0;
    }

    .day-schedule__img--pm {
        left: auto;
        right: 0;
    }

    .day__schedule__flower {
        display: none;
    }

    .cooperation__container {
        flex-direction: column;
    }
    .cooperation__complete,
    .cooperation__dentistry {
        width: 100%;
    }

}