@charset "utf-8";

/* =======================
TOP
=======================*/

/* トップページのトップ画像　SP*/

.mainVisual__pc{
    display: none;
}

.mainVisual__sp{
    display: block;
    margin-top: 64px;
}

.article__header{
    position: relative;
}

.mainVisual__txt{
    top:64px;
    position: absolute;
    margin-left: 37px;
}
 
.mainVisual__txt1{
    display: block;
    color: var(--primary-green);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.5px;
}
 
 
.mainVisual__txt2{
    display: block;
    font-size: 3.0rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 3px;
    margin-top: 16px;
}

.mainVisual__txt3{
    display: block;
    font-size: 1.4rem;
    letter-spacing: 1px;
    margin-top: 24px;
}

.mainVisual__txt4{
    display: block;
    font-size: 1.4rem;
    letter-spacing: 1px;
    margin-top: 3px;
}



/* トップ画像　600px */
@media screen and (min-width: 600px) {
    .mainVisual__sp{
        display: none;
    }

    .mainVisual__pc{
        margin-top: 64px;
        display: block;
    }

    .article__header{
        position: relative;
    }


    .mainVisual__txt{
        position: absolute;
        top:32px;
        margin-left: 5%;
    }


}/* 600px */

/* トップ画像　800px */
@media screen and (min-width: 800px) {

    .article__header{
        position: relative;
        width: 90%;
        margin: 118px auto 0;
    }
 
    .mainVisual__txt{
        top:36px;
        margin-left: 5%;
        position: absolute;
    }

    .mainVisual__txt1{
        display: block;
        color: var(--primary-green);
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 1.8px;
    }
     
     
    .mainVisual__txt2{
        display: block;
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 3.2px;
        margin-top: 16px;
    }
    
    .mainVisual__txt3{
        display: block;
        font-size: 1.6rem;
        letter-spacing: 1.1px;
        margin-top: 24px;
    }
    
    .mainVisual__txt4{
        display: block;
        font-size: 1.6rem;
        letter-spacing: 1.1px;
        margin-top: 5px;
    }
}/* 800px */

/* トップ画像　950px */
@media screen and (min-width: 950px) {
 
    .mainVisual__txt{
        top:48px;
        margin-left: 8%;
        position: absolute;
    }

    .mainVisual__txt1{
        display: block;
        color: var(--primary-green);
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 1.8px;
    }
     
     
    .mainVisual__txt2{
        display: block;
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 3.2px;
        margin-top: 16px;
    }
    
    .mainVisual__txt3{
        display: block;
        font-size: 1.6rem;
        letter-spacing: 1.1px;
        margin-top: 24px;
    }
    
    .mainVisual__txt4{
        display: block;
        font-size: 1.6rem;
        letter-spacing: 1.1px;
        margin-top: 5px;
    }
}/* 950px */

/* トップ画像　1080px */
@media screen and (min-width: 1080px) { 
    .article__header{
        position: relative;
        width: 90%;
        margin: 118px auto 0;
        max-width: 1180px;
    }

    .mainVisual__txt{
        top:64px;
        margin-left: 8%;
        position: absolute;
    }

    .mainVisual__txt1{
        display: block;
        color: var(--primary-green);
        font-size: 2.0rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 2.0px;
    }
     
     
    .mainVisual__txt2{
        display: block;
        font-size: 4.0rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 4.0px;
        margin-top: 16px;
    }
    
    .mainVisual__txt3{
        display: block;
        font-size: 1.6rem;
        letter-spacing: 1.1px;
        margin-top: 30px;
    }
    
    .mainVisual__txt4{
        display: block;
        font-size: 1.6rem;
        letter-spacing: 1.1px;
        margin-top: 6px;
    }

}/* 1080px */


/* =======================
ABOUT
=======================*/ 

.section__about{
    position: relative;
    margin-top: 0px;
}

.about__title{
    font-size: 10.0rem;
    font-family: Inter;
    font-weight: 500;
    color: #F5F5F5;
    display: block;
    position: absolute;
    right: 20px;
    top:-64px;
    z-index: -1;
}

.section__about::before{
    content: '';
    display: inline-block;
    background-image: url(../images/green__left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 110px;
    aspect-ratio: 1 / 1;
    position: absolute;
    left: 0;
    top: -50px;
    z-index: -2;
}

.section__about::after{
    content: '';
    display: inline-block;
    background-image: url(../images/green__right.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 230px;
    aspect-ratio: 1 / 1;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: -2;
}


.about__txtBox{
    width: 90%;
    margin: 48px auto 56px;
    z-index: 1;
}

.about__txtBox p{
    font-size: 1.4rem;
    line-height: 2.0;
}

/*  abut 450px */
@media screen and (min-width: 450px){
    .section__about::before{
        content: '';
        display: inline-block;
        background-image: url(../images/green__left.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 200px;
        aspect-ratio: 1 / 1;
        position: absolute;
        left: 0;
        top: -80px;
        z-index: -2;
    }
    }/* pc 450px */

    /*  abut 532px */
@media screen and (min-width: 532px){
    .section__about::before{
        content: '';
        display: inline-block;
        background-image: url(../images/green__left.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        width: 280px;
        aspect-ratio: 1 / 1;
        position: absolute;
        left: 0;
        top: -90px;
        z-index: -2;
    }
    }/* pc 532px */

/*  abut pc */
@media screen and (min-width: 769px){
    .section__about{
        position: relative;
        max-width: 980px;
        width: 100%;
        margin: 0 auto;
    }
        
    .about__txtBox p{
        font-size: 1.6rem;
    }

    .about__txtBox{
        margin: 100px auto 0;
        width: 440px;
    }

    .about__title{
        font-size: 10.0rem;
        color: #F5F5F5;
        display: block;
        position: absolute;
        right: 8%;
        top:-100px;
        z-index: -1;
    }

    .about__txtBox p{
        font-size: 1.8rem;
        line-height: 2.0;
    }

    .section__about::before{
        content: '';
        display: inline-block;
        background-image: url(../images/green__left.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 250px;
        aspect-ratio: 1 / 1;
        position: absolute;
        left: 3%;
        top: -110px;
        z-index: -2;
    }

    .section__about::after{
        content: '';
        display: inline-block;
        background-image: url(../images/green__right.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 300px;
        aspect-ratio: 1 / 1;
        position: absolute;
        right: 3%;
        top: -30px;
        z-index: -2;
    }
    
}/* pc 769px */

/*  abut 1080pc */
@media screen and (min-width: 1080px){

    .about__title{
        font-size: 10.0rem;
        color: #F5F5F5;
        display: block;
        position: absolute;
        right: 8%;
        top:-100px;
        z-index: -1;
    }

    .section__about::before{
        content: '';
        display: inline-block;
        background-image: url(../images/green__left.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 270px;
        aspect-ratio: 1 / 1;
        position: absolute;
        left: 5%;
        top: -130px;
        z-index: -2;
    }

    .section__about::after{
        content: '';
        display: inline-block;
        background-image: url(../images/green__right.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 360px;
        aspect-ratio: 1 / 1;
        position: absolute;
        right: 2%;
        top: -60px;
        z-index: -2;
    }
}/* pc 1080px */


/* =======================
service
=======================*/

.section__service{
    background-color: var(--primary-beige);
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 80px;
}

.service__small__box{
    width: 90%;
    max-width: 360px;
    margin: 48px auto 0;

}

.service__small__title{
    font-size: 2.0rem;
    font-weight: 700;
    background-color: var(--primary-white);
    padding: 8px 24px 24px;
    border-bottom: solid 3px var(--primary-green);
    width: 100%;
}

.service__list__box p{
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 8px;
}

.service__list__box{
    background-color: var(--primary-white);
    padding: 8px 24px 32px;
}

.service__list__box__txt{
    margin-top: 16px;
}

.dot::after{
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: 6px;                  /* 位置調整 */
    margin-right: 8px;          /* 余白指定 */
    background-color: var(--primary-green);  /* 背景色指定*/
}

.worries,.etc{
    font-size: 1.6rem;
}

.service__list__box__txt th,.service__list__box__txt td{
    padding-bottom: 8px;
}

.service__btn{
    margin-top: 56px;
    display: block; 
    width: 320px;
    height: 56px;
    border-radius: 150px;
    border: 1px solid var(--primary-green);
    background-color: var(--primary-white);
    transition: 0.4s; /* ボタンには絶対入れる*/
    text-align: center;
    margin: 40px auto;
    color: var(--primary-green);
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 2.4px;
    padding: 16px 32px 16px 48px;
}

.service__btn::after{
    content: '';
    display: inline-block;
    background-image: url(../images/arrowgreen.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 9px;
    height: 14px;
    margin-left: 32px;
    position: relative;
    top: 2px;
}

.service__btn:hover{
    background-color: var(--primary-green);
    color: var(--primary-white);
}

.service__btn:hover::after{
    content: '';
    display: inline-block;
    background-image: url(../images/arrowwhite.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 9px;
    height: 14px;
    margin-left: 32px;
    position: relative;
    top: 2px;
}


.work::before{
    content: '';
    display: inline-block;
    background-image: url(../images/work.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 24px;
    position: relative;
    top:8px;
}

.divorce::before{
    content: '';
    display: inline-block;
    background-image: url(../images/divorce.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 24px;
    position: relative;
    top:10px;
}

.trafficaccident::before{
    content: '';
    display: inline-block;
    background-image: url(../images/trafficaccident.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 24px;
    position: relative;
    top:10px;
}

.inheritance::before{
    content: '';
    display: inline-block;
    background-image: url(../images/inheritance.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 24px;
    position: relative;
    top:10px;
}

.debt::before{
    content: '';
    display: inline-block;
    background-image: url(../images/debt.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 24px;
    position: relative;
    top:10px;
}

.other::before{
    content: '';
    display: inline-block;
    background-image: url(../images/other.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 24px;
    position: relative;
    top:10px;
}

/*  service 822px pc */
@media screen and (min-width: 822px){
.section__service{
    margin-top: 100px;
    padding-top: 120px;
}

.service__box{
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    width: 90%;
    max-width: 752px;
    margin: 56px auto 0px;
}

.service__small__box{
    width: 360px;
    margin-top: 0px;
}

.service__list__box{
    height: 310px;
}
}/*  service 822px pc */

/*  service 1183px pc */
@media screen and (min-width: 1254px){
    .service__box{
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        width: 90%;
        max-width: 1144px;
        margin: 56px auto;
    }
    
    .service__small__box{
        margin-top: 0px;
    }    
    }/*  service 1183px pc */


/* =======================
MESSAGE
=======================*/

.section__message{
    margin: 80px auto 0;
}


.message__photobox img{
    width: 90%;
    max-width: 400px;
    text-align: center;
    margin: auto;
    display: block;
}

.message__txtBox{
    margin-top: 56px;
    padding: 0 5%;
}


.message__txtBox__p{
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 24px;
}

.message__txtBox__name{
    margin-top: 32px;
    letter-spacing: 0.7px;
    font-size: 1.6rem;
    line-height: 1.8;
}

.message__btn{
    margin-top: 32px;
    display: block; 
    width: 320px;
    height: 56px;
    border-radius: 150px;
    border: 1px solid var(--primary-green);
    background-color: var(--primary-white);
    transition: 0.4s; /* ボタンには絶対入れる*/
    text-align: center;
    margin: 40px auto;
    color: var(--primary-green);
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 2.4px;
    padding: 16px 40px 16px 19px;
}

.message__btn::after{
    content: '';
    display: inline-block;
    background-image: url(../images/arrowgreen.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 9px;
    height: 14px;
    margin-left: 32px;
    position: relative;
    top: -18px;
    left: 113px;
}

.message__btn:hover{
    background-color: var(--primary-green);
    color: var(--primary-white);
}

.message__btn:hover::after{
    content: '';
    display: inline-block;
    background-image: url(../images/arrowwhite.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 9px;
    height: 14px;
    margin-left: 32px;
    position: relative;
    top: -18px;
    left: 113px;
}


/*  MESSAGE pc */
@media screen and (min-width: 830px){
    .section__message{
        margin: 120px auto 0;
    }

    .massage__box{
        display: flex;
        justify-content: space-between;
        margin: 64px auto 0;
        width: 90%;
        max-width: 980px;
    }

    .massage__box::before,
    .massage__box::after{
        display:none;
    }


    .message__photobox img{
        width: 400px;
        text-align: center;
        margin: auto;
        display: block;
    }
    
    
    .message__txtBox{
        margin-top: 0px;
        padding-right: 5% ;
        padding-left: 0;
    }
    
    
    .message__txtBox__p{
        font-size: 1.6rem;
        line-height: 1.8;
        margin-top: 16px;
    }

    .message__txtBox p:first-of-type{
        margin-top: 0px;
    }

    .message__txtBox__name{
        margin-top: 32px;
        letter-spacing: 0.7px;
        font-size: 1.6rem;
        line-height: 1.8;
    }

    .message__btn{
        margin-top: 32px;
    }
}/*pc830px*/
    
/* =======================
office & Legal fee
=======================*/

.section__office__legalFee{
    margin-top: 120px;
}

.office__btn,.legalFee__btn{
    width: 100%;
    border: solid 1px var(--primary-black);

}

.office__btn{
    border-bottom: none;

}

.btn__box{
    margin-top: 72px;
    margin-bottom: 72px;
}

.btn__title__jp{
    font-size: 3.6rem;
    letter-spacing: 1.8px;
}

.btn__title__en{
    font-size: 1.6rem;
    font-family: Inter;
    display: block;
    margin-top: 8px;
}

.office__enTitle{
    letter-spacing: 0.8px;
}

.icon_offic,.icon_legalFee{
    margin-top: 24px;
    width: 20vh;
}

.office__btn{
    display: block;
    text-align: center;
    width: 100%;
    background-image: url(../images/office__back.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.4s; /* ボタンには絶対入れる*/
}

.legalFee__btn{
    display: block;
    text-align: center;
    width: 100%;
    background-image: url(../images/legalfee__back.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.4s; /* ボタンには絶対入れる*/
}


.office__btn::after{
    content: '';
    display: inline-block;
    background-image: url(../images/arrow_greencircle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 41px;
    height: 41px;
    position: relative;
    top:-48px;
    left: 35%;
}

.legalFee__btn::after{
    content: '';
    display: inline-block;
    background-image: url(../images/arrow_greencircle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 41px;
    height: 41px;
    position: relative;
    top:-48px;
    left: 35%;
}



.office__btn:hover{
    opacity: 0.5; 
}

.legalFee__btn:hover{
    opacity: 0.5; 
}

/*  office & Legal fee pc */
@media screen and (min-width: 769px){

    .section__office__legalFee{
        width: 100%;
        margin: 120px auto 0;
        max-width: 1600px;
    }

    .office__legalFee__box{
        display: flex;
    }

    .office__btn{
        border-bottom: solid 1px var(--primary-black);
        border-right: none;
    }

}


/* =======================
flow
=======================*/
.section__flow{
    margin-top: 140px;
}

.flow__list{
    margin: 48px 5% 0;
    padding: 32px 0;
}

.flow__item{
    text-align: center;
}


.flow__arrow__sp{
    display: block;
    width: 2px;
    height: 81px;
    margin: 0 auto;
}

.flow__arrow__sp:last-of-type{
    margin-top: 32px;
}



.flow__item img{
    width: 175px;
}

.reservation,.contract{
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 1.1px;
}

.legalAdvice{
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.list__box p{
    font-size: 1.4rem;
    letter-spacing: 0.7px;
    line-height: 2;
}

.list__box__txt {
    text-align: left;
    width: 90%;
    max-width: 322px;
    margin: 24px auto 0;

}

.list__box{
    margin: 16px 0 32px;
}

.list__box span{
    display: block;
    margin-top: 10px;
    font-size: 1.6rem;
    font-weight: 300;
}




/*  flow pc */
@media screen and (min-width: 917px){
    .section__flow{
        margin-top: 160px;
    }
    

    .flow__list{
        display: flex;
        width: 90%;
        max-width: 1144px;
        margin: 24px auto 0;
        padding:32px 2% 8px;
        justify-content: space-between;
    }

    .flow__item{
        margin: 0 2% 0;
        width: 30%;
    }

    
    .list__box__txt {
        width: auto;
    }

    .flow__arrow__sp{
        display: none;
    }

    .flow__item__2{
        position:relative;
    }

    .flow__item__2::before{
        content: '';
        display: block;
        background-image: url(../images/flow__arrow__pc.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 230px;
        height: 60px;
        position: absolute;
        top:61px;
        left: -123px;
        z-index: -1;
    }

    .list__box__txt__2{
        margin-left: 5px;
    }

    .flow__item__3{
        position:relative;
    }

    .flow__item__3::before{
        content: '';
        display: block;
        background-image: url(../images/flow__arrow__pc.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 230px;
        height: 60px;
        position: absolute;
        top:61px;
        left: -123px;
        z-index: -1;
    }    
}/*pc917px*/



/* =======================
cv
=======================*/

.cv__box__beige{
    background-color: var(--primary-beige);
    padding-top: 50px;
    padding-bottom: 40px;
}

.cv__box{
    background-color: var(--primary-beige);
}

.cv__tel{
    text-align: center;
}

.cv__tel h4{
    font-size: 1.6rem;
    letter-spacing: 0.8px;
    font-weight: 700;
    line-height: 1;
    margin-top: 16px;
    margin-left: -120px;
}

.tel__center a{
    font-size: 3.6rem;
    font-family: Inter;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    
}

.hyphen1{
    margin-left: -1.5px;
    margin-right: 0.8px;
    font-size: 3.6rem;
    font-family: Inter;
    font-weight: 700;
    line-height: 1;
}

.hyphen2{
    margin-left: 0.5px;
    margin-right: 0.8px;
    font-size: 3.6rem;
    font-family: Inter;
    font-weight: 700;
    line-height: 1;
}

.cv__tel a::before{
    content: '';
    display: inline-block;
    background-image: url(../images/tel2.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 40px;
    height: 40px;
    margin-right: 3px;
    position: relative;
    top: 4px;
}

.cv__time{
    font-size: 1.4rem;
    letter-spacing: 0.7px;
    line-height: 1;
}

.cv__time__number{
    font-size: 1.45rem;
    letter-spacing: 0.7px;
    line-height: 1;
    font-family: Inter;
}


.sp{
    margin-left: 32px;
}


.cv__mail__btn{
    margin-top: 32px;
    display: block; 
    width: 320px;
    height: 56px;
    border-radius: 150px;
    background-color: var(--primary-lightGreen);
    transition: 0.4s; /* ボタンには絶対入れる*/
    text-align: center;
    margin: 40px auto;
    color: var(--primary-black);
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 2.4px;
    padding: 16px 0;
}

.cv__mail__btn:hover{
    background-color: var(--primary-green);
    color: var(--primary-white);
}



/*  cv pc */
@media screen and (min-width: 990px){
    .cv__box__beige{
        background-color: var(--primary-beige);
        width: 90%;
        max-width: 1144px;
        margin: 0 auto;
    }

    .cv__box{
        padding: 0px 5%;
        display: flex;
        justify-content: space-between;
        max-width: 900px;
        width: 100%;
        margin: 0 auto;

    }

    .cv__time{
        margin-left: 24px;
        margin-top: 24px;
    }

    .cv__tel{
        text-align: left;
        flex: 1;
    }
    
    .cv__tel h4{
        margin-left: 0%;
    }
    
    .cv__tel a{
        display: inline-block;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    
    .tel__center{
        text-align: left;
        margin-left: 0%;
        display: flex;
        align-items: center;
    }

    .sp{
        display: none;
    }
    
    .cv__mail__btn{
        margin-top: 32px;
        display: inline-block; 
        width: 250px;
        height: 62px;
        border-radius: 150px;
        background-color: var(--primary-lightGreen);
        transition: 0.4s; /* ボタンには絶対入れる*/
        text-align: center;
        margin: 40px auto;
        color: var(--primary-black);
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: 2.4px;
        padding: 20px 0;
    }
}/*pc990px*/

/* =======================
footer
=======================*/

.map{
    display: block;
    margin-top: 24px;
}

.map iframe{
    width: 100%;
    height: 216px;
}

.footerNav__list{
    margin-top: 24px;
}

.footerNav{
    margin-top: 56px;
}

/* フッター　800px */
@media screen and (min-width: 800px) {
    
    .footer__top{
        display: flex;
        padding-right: 5%;
    }

    .map{
        display: block;
        margin-top: 48px;
        margin-left: 48px;
        flex: 1;
    }

    .map iframe{
        width: 100%;
        height: 300px;
    }

    .footer__group{
        padding-right: 0;
    }


}/* 800px */