@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
/* Background Video */
.bg-video{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.bg-video video{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; width: auto; height: auto;}

@media (orientation: portrait){
    .bg-videoH{display: none;}
}

@media (orientation: landscape){
    .bg-videoV{display: none;}
}

/* animation */
.animation{overflow: hidden; width: 100%; line-height: 0;}
.animation *{line-height: 0;}
.animation object,
#animation_container{width: 100%;}

@media print, screen and (min-width: 768px){
    .animation,
    .animation object {height: 44.37vw;}
}

@media print, screen and (max-width: 767px){
    .animation,
    .animation object {height: 147vw;}
}

/* Point */
.point ul{height: 125px; display: flex; justify-content: center; align-items: center;}
.point li{padding: 0 30px; font-size: 2rem; line-height: 1; border-right: 1px solid #231f20;}
.point li:last-of-type{border-right: none;}

.point-sta{position: relative; z-index: 1;}
.point-sta:before{content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: rgba(255,255,255,.8); z-index: -1; transition: width 1s;}
.point-sta.is-view:before{width: 100%;}
.point-sta .txtRed{color: #BC2500;}
.point-sta .desc{font-size: 1.2rem;margin: 0 0 3px;}
.point-sta .name{font-size: 3.4rem; line-height: 1; margin-left: -0.6em;}
.point-sta .num{font-size: 5rem; line-height: 1;color: #BC2500;}
.point-sta .txt{font-size: 2.4rem; line-height: 1.2;}
.point-sta .txt p:nth-of-type(2){margin-left: -0.6em;}
.point-sta .txt span:nth-of-type(2){margin-left: 1.5em; display: inline-block;}

.point-plan{line-height: 2; position: relative; z-index: 1;}
.point-plan:before{content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: rgba(148,158,61,.8); z-index: -1; transition: width 1s .4s;}
.point-plan.is-view:before{width: 100%;}
.point-plan .txt{font-size: 2.5rem; line-height: 1.5; text-align: center; letter-spacing: 0.1rem;}
.point-plan span{font-size: 2.5rem; line-height: 1; }
.point-plan span.txt{ position: relative; display: inline-block; margin-top: 1rem;}
.point-plan span.small{ position: absolute; font-size: 1.5rem; letter-spacing: -0.1rem; top: -1.2rem; left: 0; right: 0; font-feature-settings: "palt" 1;}
.point-plan span.num{ font-size: 3.3rem;}
.point-plan span.ldk{ font-size: 2.7rem;}

.point-txt{color: #bc2500; padding: 30px 0 0 0; display: block; line-height: 1.3; text-align: center; background: rgba(255,255,255,.8);
font-size: 2.26vw; font-family: 'Noto Serif JP', serif;  font-weight:bold;}
.point-txt .sub-point{
    color: #3f865a;
    font-size: 1.9vw;
    font-weight: 500;
}
.point-txt .tit-point{
    max-width: 800px;
    margin: 0 auto;
    background-color: #fff;
    line-height: 1;
    margin-bottom: 30px;
    padding: 7px 0;
}
.point-txt .num{
    font-size:3.24vw ;
}
@media (max-width: 1200px) and (min-width: 768px){
    .point ul{height: 11vw;}
    .point li{padding: 0 2vw; font-size: 1.6vw;}
    
    .point-sta .desc{font-size: 1vw;}
    .point-sta .name{font-size: 2.8vw;}
    .point-sta .num{font-size: 3vw;}
    .point-sta .txt{font-size: 2vw;}    
    
    .point-plan li{padding: 1vw 2vw;}
    .point-plan .txt{font-size: 2vw;}
    .point-plan span{font-size: 3vw;}
    .point-plan span.small{ font-size: 1vw;}
    .point-plan span.num{ font-size: 2.5vw;}
    .point-plan span.ldk{ font-size: 2.2vw;}

}

@media (max-width: 767px){
    .point ul{height: auto; display: block; padding: 7vw 0 7vw 6%;}
    .point li{padding: 0; border-right: none; width: 100%; font-size: 4.48vw; margin: 0 0 5vw;}
    .point li:last-of-type{margin: 0;}

    .point-sta .desc{font-size: 2.7vw; margin: 0;}
    .point-sta .name{font-size: 7.64vw;}
    .point-sta .num{font-size: 10.6vw; line-height: 0.8;}
    .point-sta .txt{font-size: 5.6vw; line-height: 1.5; text-align: left;}
    
    .point-plan li{font-size: 3.6vw;}
    .point-plan span{font-size: 6vw;}
    .point-plan .txt{font-size: 5.6vw; line-height: 1.5; text-align: left;}
    .point-plan span.txt{ font-size: 5.6vw; margin-top: 2rem;}
    .point-plan span.small{ font-size: 3vw;}
    .point-plan span.num{ font-size: 6.2vw;}
    .point-plan span.ldk{ font-size: 6vw;}
    
    .point-txt{font-size: 6vw; padding: 6vw 0 0 0;}
    .point-txt .tit-point{
        margin-bottom: 10px;
    }
    .point-txt .num{font-size: 8.6vw;}
    .point-txt .sub-point{font-size: 5.09vw;}
}

.point-price{position: relative; z-index: 1; padding: 35px 20px 40px;}
.point-price:before{content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: rgba(85,167,171,.8); z-index: -1; transition: width 1s .8s;}
.point-price.is-view:before{width: 100%;}
.point-price .txt{max-width: 1200px; margin: 0 auto 40px; text-align: center; line-height: 1.5; font-size: 2.4rem;color: #fff;}
.point-price .list{max-width: 800px; margin: 0 auto; display: flex; justify-content: center; line-height: 1;flex-wrap: wrap;align-items: center;}
.point-price .item1{width: 50%; display: flex; flex-wrap: wrap; align-content: space-between;text-align: center;}
.point-price .item2{width: 35.075%;text-align: right;margin-left: 40px;}
.point-price .item .sub-tit{
    text-align: center;
    font-size: 1.4rem;
    margin: 0px auto 20px ;
    font-family: 'Noto Serif JP', serif; 
}
a.box-link{
    display: block;
}
.point-price-sub{
    display: flex;
    justify-content: center;
    padding: 40px 0;
    border: 1px solid #fff;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.point-price .item .sub-tit .note{
    margin-top: 12px;
    line-height: calc(22/14);
}
.point-price .item .sub-tit .tit{
    font-size:min(2.4vw,2.4rem);
}
.point-price .item .sub-tit .tit span{
    font-family: 'EB Garamond', serif;

}
.point-price .item .sub-tit .tit .num{
    font-size: min(6.8vw,6.8rem);
    padding-left: 10px;
}
.point-price .item .sub-tit .tit .s-num{
    font-size: min(4.8vw,4.8rem);
}
.point-price .item figure{padding-bottom: 18px; width: 100%;border-bottom: 1px solid #000;}
.point-price .item2 figure{border: none;padding-bottom: 0;}
.point-price .item a{width: 100%;}
.point-price .item a:hover{opacity: .8;}
.point-price .txt__mini{width: 100%;}
@media (max-width: 767px){
    .point-price .item .sub-tit .tit .num{
        font-size: 12.7vw;
    }
    .point-price .item .sub-tit .tit .s-num{
        font-size: 9vw;
    }
    .point-price .item .sub-tit .tit{
        font-size: 2rem;
    }
    .point-price .item .sub-tit{
        font-size: 1.3rem;
    }
    .point-price .item2{margin-left: 0;}
    .point-price .item1{padding-bottom: 0;}
    .point-price{padding: 8vw 20px;}
    .point-price .list{display: block;}
     .point-price-sub .item{display: block; width: 100%; margin-top: 20px;}
    .point-price .item figure{margin-bottom: 3vw;}
    .point-price .item img{width: 100%;}
    .point-price-sub{
        border-left: none;
        border-right: none;
        padding: 20px 0;
    }
    .point-price .txt{
        margin-bottom: 20px;
    }
}

/* Info */
.info{padding: 90px 20px; text-align: center;}
.info-wrap{background: #fff; padding: 30px 25px 40px; max-width: 800px; margin: 0 auto 40px; font-weight: bold; font-family: 'Noto Sans JP', sans-serif;}
.info-tit{border-bottom: 1px solid #241a17; font-size: 1.6rem; font-family: 'Barlow Condensed', sans-serif; font-weight: 300; padding: 0 0 7px; margin: 0 0 30px;}
.info-tit2{font-size: 2.5rem; line-height: 1.4; text-align: center; margin: 0 0 10px;}
.info-txt{font-size: 2rem; line-height: 1.8;}
.info-txt span{  margin-bottom: 0.2em;text-decoration: underline;}
.info-txt span a{  transition: all 0.3s;}
.info-txt span a:hover{  opacity: 0.7;}

.info-txt2{padding: 1.2em 0 0.7em;}
.info-frm{border: 1px solid #000; padding: 20px; font-size: 1.5rem;}
.info-frm p:not(:last-of-type){margin-bottom: 5px;}
.info-frm .cap{font-size: 1.1rem;}

.info-bnr{margin: 0 auto 40px; max-width: 800px; position: relative;}
.info-bnr a:hover{opacity: .8;}
.info-video{position: relative; margin: 0 auto; max-width: 800px; width: 100%;}
.info-video:after{content: ''; display: block; padding-bottom: 56.25%;}
.info-video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media (max-width: 767px){
    .info-txt span{font-size: 1.7rem;}
    .info{padding: 50px 5% 60px;}
    .info-wrap{padding: 30px 15px;}    
    .info .main-btn{width: 90%;}
    .info-txt{font-size: 1.8rem;}    
    .info-tit2{font-size: 2rem;}
    .info-txt2{font-size: 1.6rem;}
    .info-frm{padding: 10px; font-size: 1.2rem;}
    .info-frm .cap{font-size: 1rem;}
}

@media (min-width: 768px){
    .bnr-model a{position: absolute; bottom: 7.7%; left: 24.5%; width: 51.1%; display: block; padding-bottom: 13.5%; text-indent: -9999px; line-height: 0;}
    .bnr-model a:hover{background: rgba(255,255,255,.2);}
}

@media (max-width: 767px){
    .bnr-model a{position: absolute; bottom: 3.5%; left: 10%; width: 80%; display: block; padding-bottom: 14.5%; text-indent: -9999px; line-height: 0;}
}

/* Limited */
.limited-wrap{background: #d9d4d1; position: relative; padding: 35px 45px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; z-index: 1; max-width: 800px; margin: 40px auto 0;}
.limited-wrap:after{content: ''; position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; border: 1px solid #a9a09b; z-index: -1;}
.limited-cont{width: 55%;}
.limited-cont_tit{font-size: 1.8rem; line-height: 1.3; letter-spacing: 0.05em; margin: 0 0 5px; padding: 0 0 4px;}
.limited-cont_tit span{font-size: 1.4rem; font-family: 'Barlow Condensed', sans-serif; font-weight: 300; display: block;}
.limited-cont_txt{font-size: 1.9rem; line-height: 1.3; letter-spacing: 0.1em; font-family: 'Noto Sans JP', sans-serif; font-weight: bold; border-top: 1px solid #231f20; border-bottom: 1px solid #231f20; padding: 5px 0; margin: 0 0 7px;}
.limited-cont_desc{font-size: 1.3rem; text-align: left;}
.limited-img{position: relative; width: 39%;}
.limited-img_inner{position: absolute; top: 50%; left: 0; width: 100%; color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.limited-img_txt{border: 1px solid #fff; padding: 2px 0; margin: 5px auto; width: 200px;}

.limited-step{width: 100%; margin: 10px 0 0 0;}
.limited-step_tit{background: #503f3b; color: #fff; padding: 7px 0; letter-spacing: 0.1em; font-size: 1.3rem;}
.limited-step_list{background: #fff; padding: 8px; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left;}
.limited-step_item{width: calc((100% - 20px) / 3); background: #d2ccc9; padding: 15px 12px 15px 40px; position: relative;}
.limited-step_item:not(:last-of-type):after{content: ''; width: 26px; height: 26px; background: url("../images/common/ic_arrow_circle.svg") no-repeat top left/100% auto; position: absolute; top: 50%; right: -18px; margin-top: -13px; z-index: 1;}
.limited-step_num{font-size: 5.8rem; line-height: 1; color: #a9a09b; position: absolute; top: 12px; left: 6px;}
.limited-step_txt{font-size: 1.7rem; border-bottom: 1px solid #91857d; padding: 0 0 1px; margin: 0 0 5px;}
.limited-step_desc{font-size: 1.2rem; line-height: 1.6;}

@media (max-width: 1023px){
    .limited-wrap{padding: 35px 25px;}
}

@media (max-width: 767px){
    .limited-wrap{margin: 50px auto 0;}
    .limited-cont{width: 100%;}
    
    .limited-img{width: 90%; margin: 20px auto 0;}
    .limited-img_inner{width: 90%; left: 5%; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .limited-img_txt{width: 48%; padding: 5px 0; margin: 0 auto;}
    .limited-img_desc{width: 100%; text-align: left; line-height: 1.5; padding: 10px 0 0 0;}
    
    .limited-step_tit{letter-spacing: 0;}
    .limited-step_item{width: 100%; margin: 0 0 10px;}
    .limited-step_item:last-of-type{margin: 0;}
    .limited-step_item:not(:last-of-type):after{top: 100%; right: 50%; margin: -8px -13px 0 0; transform: rotate(90deg);}
}

@media (max-width: 414px){
    .limited-cont_tit{font-size: 4.8vw;}
    .limited-cont_txt{font-size: 4.8vw;}
    .info-txt span{font-size: 1.5rem;}
    .limited-img_inner{font-size: 3vw; padding-bottom: 10px;}
    .limited-img_desc{line-height: 1.3; padding: 5px 0 0 0;}
    
    .limited-step_tit{font-size: 3.1vw;}
}

/* Contents*/
.contents{background: #fff; padding: 120px 20px 170px; text-align: center;}
.contents-tit{font-size: 5.2rem; line-height: 1; font-family: 'Barlow Condensed', sans-serif; font-weight: 300; margin: 0 0 80px;}
.contents-list{display: flex; flex-wrap: wrap; max-width: 1166px; margin: 0 auto;}
.contents-item{margin: 0 10px 10px 0; width: calc((100% - 30px) / 4); position: relative;}
.contents-item:nth-of-type(4n){margin-right: 0;}
.contents-item a{display: block; position: relative; font-family: 'Barlow Condensed', sans-serif; font-weight: 300; color: #fff; overflow: hidden;}
.contents-txt{font-size: 3.8rem; line-height: 1.4; letter-spacing: 0.05em; position: absolute; top: 19%; left: 0; width: 100%;}
.contents-txt span{font-size: 50%; display: block; font-family: 'Noto Serif JP', serif; font-weight: 300;}
.contents-more{padding-top: 13.6%; position: absolute; top: 58.45%; left: 0; width: 100%; height: 41.55%; overflow: hidden; z-index: 3;}
.contents-more:before{content: ''; position: absolute; top: 0; left: 10%; width: 80%; height: 1px; background: rgba(255,255,255,.6); z-index: 1;}
.contents-more:after{content: ''; position: absolute; top: -100%; left: 0%; width: 100%; height: 200%; background-image: radial-gradient(rgba(12,30,20,.8) 12%, rgba(12,30,20,.4) 25%,rgba(0,0,0,0) 70%); z-index: -1;}
.contents-more img{width: 80%; max-width: 227px; background: #18677a; border-radius: 50px; transition: .3s;}
.contents-img{transition: transform 1s;}
.contents-item a:hover .contents-img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.contents-item a:hover .contents-more img{background: #006d7f; box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px; transform: translateY(-3px); -webkit-transform: translateY(-3px);}

.contents-item.is-new:before{content: 'NEW'; position: absolute; top: 5px; right: 5px; background: #f00; color: #fff; font-size: 1rem; line-height: 1; padding: 0.2em 0.6em 0.4em; letter-spacing: 0.1em; z-index: 10;}
.contents-item.is-un a{pointer-events: none;}
.contents-item.is-un .contents-txt{opacity: .7;}
.contents-item.is-un .contents-more img{background: #888;}

@media (max-width: 1280px){
    .contents-txt{font-size: 2.6vw;}
}

@media (max-width: 767px){
    .contents{padding: 60px 0;}
    .contents-tit{font-size: 3rem; margin: 0 0 30px;}
    .contents-list{flex-wrap: wrap; justify-content: flex-start;}
    .contents-item{margin: 0 0 8px 8px; width: calc((100% - 24px) / 2);}
    .contents-item:nth-of-type(2n){margin-right: 0;}
    .contents-item.is-new:before{font-size: 2vw; padding: 0.3em 0.6em 0.4em;}
    .contents-txt{font-size: 6.4vw; top: 19%;}
    .contents-more{top: 62%; padding-top: 8%;}
    .contents-more:before{width: 86%; left: 7%;}
    .contents-more img{width: 34vw;}
    
    .contents-item:last-of-type{width: calc(100% - 16px); margin: 0 0 0 8px;}
    .contents-item:last-of-type .contents-more{padding-top: 4.4%;}
    .contents-item:last-of-type .contents-more:before{width: 93%; left: 3.5%;}
}

/* block */
.block-wrap{background: url("../images/top/bg.jpg") no-repeat bottom center/cover; background-attachment: fixed;}
.block{padding: 50px 0 100px; border-bottom: 100px solid #fff;}
.block:last-of-type{border-bottom: none;}
.block-main{margin: 0 0 20px; line-height: 1;}
.block-main img{width: 100%;}
.block-line{margin: 0 0 60px; line-height: 1;}
.block-line img{width: 55.6%;}
.block-outer{display: flex; justify-content: space-between; align-items: flex-start;}
.block-tit{font-size: 1.9rem; line-height: 1.2; letter-spacing: 0.1em; color: #006d7f; margin: 0 0 1.5em;}
.block-tit span{font-size: 316%; line-height: 1; display: block; font-family: 'Barlow Condensed', sans-serif; font-weight: 300;}
.block-txt{font-size: 2.7rem; color: #41595c; margin: 0 0 1em;}
.block-txt .spaceL{margin-left: -0.6em;}
.block-txt .spaceLR{margin-left: -0.3em; margin-right: -0.3em;}

.block-txt small{display: block; font-size: 60%; line-height: 1;}
.block-more{width: 210px; display: block; background: #18677a; border-radius: 46px; transition: .4s;}
.block-more:hover{background: #006d7f; box-shadow: rgba(65, 89, 92, 0.8) 0px 3px 6px; transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.block-more.is-un{background: #888; pointer-events: none;}

.access-cont{margin-top: 6%;}
.access-img{width: 50.4%; display: flex; justify-content: space-between; align-items: flex-start;}
.access-img figure{width: 44.7%;}
.access-img figure:nth-of-type(1){margin-top: 18.7%;}

.location-cont{margin-top: 3.5%;}
.location-img{width: 49%;}
.location-img figure:nth-of-type(1){width: 71.5%;}
.location-img figure:nth-of-type(2){margin: -8% 0 0 32.6%; width: 67.4%;}

.future-cont{margin-top: 4.5%;}
.future-img{width: 49.5%;}
.future-img figure{width: 78.79%;}
.future-img figure:nth-of-type(1){margin: 0 0 6.5% 28.48%;}

.design-cont{margin-top: 6%;}
.design-img{width: 45.2%;}
.design-img figure:nth-of-type(1){width: 70.36%;}
.design-img figure:nth-of-type(2){margin: -5% 0 0 18.8%; width: 81.2%;}

.plan-cont{margin-top: 4.5%;}
.plan-img{width: 43%;}
.plan-img figure:nth-of-type(1){width: 73.73%;}
.plan-img figure:nth-of-type(2){margin: -12% 0 0 30.23%; width: 69.77%;}

.brand{background: #e0eaec;}
.brand-cont{margin-top: 1%;}
.brand-img{width: 46.1%;}

@media (max-width: 1023px){
    .block-tit{font-size: 1.4rem;}
    .block-txt{font-size: 2rem;}
}

@media (max-width: 767px){
    .block{padding: 35px 0 50px; border-bottom: 60px solid #fff;}
    .block-main{margin: 0 0 8px;}
    .block-line{margin: 0 0 45px; text-align: left !important;}
    .block-outer{position: relative; display: block;}
    
    .block-tit{font-size: 3vw; margin: 0 0 6vw;}
    .block-txt{font-size: 4.5vw; margin: 0 0 5vw; letter-spacing: 0;}
    .block-more{width: 36vw;}
    .block-more:hover{width: 24vw;}
    .block-more:after{height: 2vw;}
    
    .access-cont{margin-top: 0;}
    .access-imgsp{width: 26.7%; position: absolute; top: 0; right: 0;}
        
    .location-cont{margin-top: 0;}
    .location-imgsp{width: 40.2%; position: absolute; top: -30px; right: 0;}
    
    .future-cont{margin-top: 0;}
    .future-imgsp{width: 22.4%; position: absolute; top: -30px; right: 0;}
    
    .design-cont{margin-top: 0;}
    .design-imgsp{width: 40.2%; position: absolute; top: -20px; right: 0;}
    
    .plan-cont{margin-top: 0;}
    .plan-imgsp{width: 40.2%; position: absolute; top: -20px; right: 0;}
    
    .brand-cont{margin-top: 0;}
    .brand-imgsp{width: 40.2%; position: absolute; top: -20px; right: 0;}
}


/* mv */
.mv-slider .slide{
    position: relative;
}
.mv-slider .slide img{
    width: 100dvw;
}
.mv-slider .slide p{
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 1.2rem;
    text-shadow: 0 0 1px #222, 0 0 2px #222, 0 0 3px #222, 0 0 4px #222, 0 0 5px #222, 0 0 6px #222, 0 0 7px #222, 0 0 8px #222, 0 0 9px #222, 0 0 10px #222;
}
.mv-slider .slide .mv-txt{
    position: absolute;
    top: 10%;
    left: 5%;
    width: 32%;
}
.content{
    font-size: 3.6rem;
    color: #fff;
    text-align: center;
    padding: 40px 0;
    background-color: #3f865a ;
}
@media (max-width: 767px){
.mv-slider .slide .mv-txt{
    width: 70%;
    left: 0;
    top: 5%;
}
.content{
    font-size: 1.8rem;
    padding: 40px 20px;
}
}
@media (max-width: 360px){
    .content{
        font-size: 1.6rem;
    }
}
.btn-link a{
    max-width: 1165px;
    width: calc(100% - 40px);
    font-size: 2.5rem;
    color: #fff;
    background: url('../images/top/bg-link.jpg');
    background-repeat: no-repeat;
    height: 150px;
    display: flex;
    align-items: center;
    padding-left: min(20vw,200px);
    margin: 60px auto 100px;
    transition: all 0.4s;
    background-size: cover;
    background-position: center right;
}
.btn-link a:hover{
    opacity: 0.7;
}

.map{
    max-width: 1165px;
    width: calc(100% - 40px);
    text-align: center;
    margin: auto;
}
.map h3{
    font-size: 2.8rem;
    margin-bottom: 30px;
    font-weight: 500;
}
.map a{
    display: block;
    background: #3f865a;
    color: #fff;
    color: 1.7rem;
    max-width: 360px;
    margin:60px auto 0;
    padding: 20px 0;
}
.map a:hover{
    opacity: 0.7;
}

.content a {display: block; background: #fff; color: #000; font-size: 1.4rem; max-width: 360px; margin: 60px auto 0; padding: 20px 0;}
.content a:hover {opacity: 0.7;}

.main-content {
    background:linear-gradient(to bottom, rgba(226, 241, 229, 0.4), rgba(224,245,206,0.6));
}
footer{padding-top: 70px;}
@media (max-width: 640px){
    .btn-link a{
        padding-left: 20px;
        font-size: 1.8rem;
        margin: 40px auto ;
        height: 100px;
    }
}