@charset "UTF-8";

/*  list ---------------------------------------*/

.brand-category-list{
	font-size:0;
	text-align:center;
	margin-bottom: 4.3vw;
}

.brand-category-list > li{
	cursor: pointer;
	background: #e3e3e3;
    font-size: 1vw;
    line-height: 1;
    padding: 0.7vw 1.3vw;
    display: inline-block;
    margin: 0 0.7vw;
    letter-spacing: 0.1em;
    white-space: nowrap;
    transition: all 1.25s ease;
}


.brand-category-list > li:hover{color:#8e87b5;}
.brand-category-list > li.is-active{background:#eae7f2;}


/*  detail ---------------------------------------*/

/* kv */

.brandkv{
    padding-top: 124px;
    position:relative;
}

.brandkv-inner{position:relative;}
.brandkv-image{}
.brandkv-image img{width:100%;}

.brandkv-logo{
    position:absolute;
    left:50%;
    top:72%;
    transform:translate(-50%,0);
    width: 8.5vw;
    height: 8.5vw;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    background: #fff;
}

.brandkv-logo img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    max-width: calc(100% - 12px);
}

.brandkv-dotcircle{
    position:absolute;
    left:50%;
    top:71.2%;
    transform:translate(-50%,0) rotate(90deg);
    z-index: 2;
    width: 9vw;
    height: 9vw;
}

.brandkv .line{
    content: '';
    width: 1px;
    height: 4vw;
    background: #707070;
    display: inline-block;
    position:absolute;
    left: 50%;
    top : 35.5vw;
}

/* head */

.brand-head{
    position:relative;
    padding: 3.2vw 3vw 6vw;
    text-align:center;
}

.brand-head .title-section{line-height:1.1;}

.brand-head-text{
    letter-spacing:0.15em;
    padding-top: 1.1vw;
    font-size:1.1vw;
}

.brand-head-btn{
    display: inline-block;
    margin-top: 2vw;
    font-size:0.9vw;
    border:1px solid #000;
    padding: 0.1vw 1vw;
    border-radius:30px;
    position:relative;
    letter-spacing:0.2em;
    transition: all .75s ease;
    line-height: 1.6;
}
.brand-head-btn.ec_link{
    padding: 0.1vw 1.6vw;
    margin-top: 20px;
}

.brand-head-btn::after{
    content:'';
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5vw;
    background: url('../img/common/blank.svg') 0 0 no-repeat;
    background-size: 100%;
    width:0.8vw;
    height:0.8vw;
    position:relative;
    top: -0.15em;
}

.brand-head-btn:hover{
    background: rgba(0,0,0,0.06);
}

/* about */

.brand-about{
    background: #F1F1F1;
    padding: 8.7vw 0 9.9vw;
}

.brand-about-inner{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

.brand-about-image{width: 51.5%;}

.brand-about-detail{
    width: 40%;
    text-align:center;
}

.brand-about-header{
    margin-bottom: 2.2vw;
    height: 11vw;
    position:relative;
}

.brand-about-header .title-section{line-height: 1.8;}

.brand-about-header .line{
    content: '';
    width: 1px;
    height: 3vw;
    background: #707070;
    display: inline-block;
    position:absolute;
    left: 50%;
    top: 8.1vw;
}

.brand-about-subtitle{
    font-size:1.8vw;
    line-height: 1.5;
    letter-spacing:0.1em;
    margin-bottom: 1.5vw;
}

.brand-about .text-lead{margin-bottom: 0;}
.brand-about .text-notice{margin-top: 2.4vw;}

/* features */

.brand-features{
    padding: 7vw 0 10vw;
}

.brand-features-header{
    margin-bottom: 4.5vw;
    height: 11vw;
    position:relative;
    text-align:center;
}

.brand-features-header .title-section{line-height: 1.8;}

.brand-features-header .line{
    content: '';
    width: 1px;
    height: 3vw;
    background: #707070;
    display: inline-block;
    position:absolute;
    left: 50%;
    top: 8vw;
}

.brand-features-list{
    width: 69vw;
    margin: 0 auto;
    text-align: justify
}

.brand-features-block{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom: 6vw;
}

.brand-features-block:last-child{margin-bottom: 0;}

.brand-features-block:nth-child(2n) .brand-features-image{order:2;}
.brand-features-image{width: 53%;}
.brand-features-block:nth-child(2n) .brand-features-image{order:2;}
.brand-features-detail{width: 39%;}
.brand-features .text-lead{margin-bottom: 1.5vw;}

.brand-features-block-shoulder{
    line-height: 1;
    padding-bottom: 0.7vw;
    font-size:1.3vw ;
    border-bottom: 2px dotted #aaa;
    margin-bottom: 2vw;
}

.brand-features-block-shoulder span{
    font-weight:bold;
    letter-spacing:0.1em;
    margin-left: 0.2vw;
}

.brand-features-block-title{
    font-size:1.7vw;
    line-height: 1.55;
    margin-bottom: 1.8vw;
    letter-spacing:0.15em;
}

.brand-features-block-title sup{font-size:0.9vw}


/* lineup */

.brand-lineup{
    background: #F1F1F1;
    padding: 7vw 0 5.3vw;
}

.brand-lineup-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom: 3vw;
}

.brand-lineup-title{width: 22%;}

.brand-lineup-category{
    width: 78%;
    text-align: right;
    font-size:0px;
}

.brand-lineup-category li{
    background: #fff;
    font-size: 0.8vw;
    line-height: 1;
    padding: 0.4vw 1.1vw;
    display: inline-block;
    margin: 0 0 1vw 0.8vw;
    letter-spacing: 0.1em;
    white-space: nowrap;
    transition: all 1.25s ease;
    cursor: pointer;
}

.brand-lineup-category li:hover,
.brand-lineup-category li.is-active{background: #eae7f2;}

.brand-lineup-list{
    display:flex;
    flex-wrap:wrap;
}

.brand-lineup-item{
    width: 23.3%;
    margin: 0 0 3.5vw 2.2%;
}

.brand-lineup-item:nth-child(4n + 1){margin-left: 0;}

.brand-lineup-item-image{
    margin-bottom: 1.1vw;
    background: #fff;
}

.brand-lineup-item-title{
    font-size:1.1vw;
    line-height: 1.4;
    margin-bottom: 0.7vw;
    letter-spacing:0.1em;
}

.brand-lineup-item-price{
    color: #aaa;
    font-size:0.9vw;
    margin-bottom: 0.7vw;
}

.brand-lineup-item-btn .btn{
    font-size: 0.7vw;
    padding: 0.3vw 0;
    min-width: 6vw;
}

/* first */

.brand-first{
    padding: 1.45vw;
    text-align: justify;
}

.brand-first-inner{
    padding: 1.45vw;
    text-align:center;
}

.brand-first-border{
    padding: 6.8vw 5vw;
    border:1px solid #707070;
}

.brand-first-header{
    margin-bottom: 1.5vw;
    height: 11.5vw;
    position:relative;
    text-align:center;
}

.brand-first-header .title-block{margin-bottom: 0.4vw;}

.brand-first-header .line{
    content: '';
    width: 1px;
    height: 3vw;
    background: #707070;
    display: inline-block;
    position:absolute;
    left: 50%;
    top: 8.3vw;
}

.brand-first-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    width: 50vw;
    margin: 0 auto 2.5vw;
}

.brand-first-item-image{
    width: 23%;
}

.brand-first-item-detail{
    width:70%;
    text-align: left;
}

.brand-first-item-title{
    font-size:1.75vw;
    line-height: 1.6;
    letter-spacing:0.1em;
    padding-bottom: 0.3vw;
    border-bottom: 2px dotted #707070;
    margin-bottom: 1.3vw;
}

.brand-first-item-lead{
    font-size:1.2vw;
    line-height: 1.6;
}


/* story */

.brand-story{padding: 7vw 0 10vw;}

.brand-story-inner{
    display:flex;
    justify-content:space-between;
    margin: 0 auto;
    width: 72vw;
    text-align: justify;
}

.brand-story-image{
    width: 49%;
}

.brand-story-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 75%;
    margin-bottom: 2.7vw;
}

.brand-story-title .title-section{position:relative;}

.brand-story-title .title-section .line {
    content: '';
    width: 3vw;
    height: 1px;
    background: #707070;
    display: inline-block;
    position: absolute;
    left: 16vw;
    top: 50%;
}

.brand-story-detail{
    width: 44.5%;
}

.brand-story-detail-title{
    font-size:1.8vw;
    line-height: 1.4;
    margin-bottom: 2vw;
    letter-spacing:0.05em;
}

.brand-story-detail .text-lead{
    line-height: 1.82;
    letter-spacing:0.05em;
}

/* modal */

.brandmodal-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    padding: 6vw 8vw;
}

.brandmodal-image {
    width: 40%;
    padding-left: 1vw;
}

.brandmodal-caption {
    font-size:0.8vw;
    color: #999;
    line-height: 1.5;
    padding-top: 1vw;
}

.brandmodal-detail {
    width: 49%;
}

.brandmodal-category {
    font-size:0.8vw;
    margin-bottom: 1vw;
    color: #999;
    line-height: 1.5;
}

.brandmodal-title {
    font-size:1.5vw;
    line-height: 1.4;
    margin-bottom: 0.9vw;
    letter-spacing:0.17em;
}

.brandmodal-lead {
    font-size:1.1vw;
    line-height: 1.5;
    letter-spacing:0.08em;
}

.brandmodal-data {
    border-top: 2px dotted #707070;
    margin-top: 1.2vw;
    padding-top: 1.5vw;
}

.brandmodal-price {
    letter-spacing:0.15em;
    margin-bottom: 1vw;
}

.brandmodal-price .num {
    font-size:1.5vw;
    display: inline;
}

.brandmodal-price .num b{font-weight:normal;}
.brandmodal-price .num  span{
    font-size:0.8vw;
    margin-left: 0.5vw;
}

.brandmodal-price select {
    margin-left: 0.5vw;
    width: 8.2vw;
    padding: 0 0 0.3vw 0;
    font-size: 1.1vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius:0;
    outline: none;
    border-bottom: 2px solid #707070;
    font-family: inherit;
    vertical-align: middle;
}

.brandmodal-text {
    max-height: 14.5vw ;
    overflow: auto;
    line-height: 1.7;
    font-size:1.1vw;
    padding-right: 1vw;
}

.brandmodal-btn {
    text-align:center;
    padding-top: 2.7vw;
}

.brandmodal-btn a{
    display: inline-block;
    border: 1px solid #707070;
    line-height: 1;
    padding: 0.5vw 0;
    width: 10vw;
    font-size:1.1vw;
    letter-spacing:0.1em;
}

.brandmodal-btn a[target="_blank"]::after{
    content:'';
    display: inline-block;
    vertical-align: middle;
    margin-left: 0vw;
    background: url('../img/common/blank.svg') 0 0 no-repeat;
    background-size: 100%;
    width:1vw;
    height:1vw;
    position:relative;
    top: -0.1em;
}

.brandmodal-btn a:hover{
    background-color:rgba(0,0,0,0.06);
    letter-spacing:0.2em;
}



/* 1920〜 pc */
@media screen and (min-width: 1920px){

	/*  list ---------------------------------------*/

	.brand-category-list{margin-bottom: 80px;}

	.brand-category-list > li{
		font-size: 16px;
		padding: 10px 20px;
		margin: 0 10px;
	}


	/*  detail ---------------------------------------*/

	.brandkv-logo{
		top:72%;
		width: 160px;
		height: 160px;
	}

	.brandkv-dotcircle{
		top:71.2%;
		width: 175px;
		height: 175px;
	}

	.brandkv .line{top : 35.5vw;}

	/* head */

	.brand-head{padding: 60px 40px 80px;}

	.brand-head-text{
		padding-top: 20px;
		font-size:18px;
	}

    .brand-head-btn{
        margin-top: 30px;
        font-size:18px;
        padding: 2px 20px;
    }

    .brand-head-btn::after{
        margin-left: 10px;
        width:16px;
        height:16px;
    }


	/* about */

	.brand-about{padding: 100px 0 200px;}

	.brand-about-header{
		margin-bottom: 40px;
		height: 180px;
	}

	.brand-about-header .line{
		height: 40px;
		top: 140px;
	}

	.brand-about-subtitle{
		font-size:26px;
		margin-bottom: 30px;
	}

	.brand-about .text-lead{}
    .brand-about .text-notice{margin-top: 50px}

	/* features */

	.brand-features{padding: 140px 0 200px;}

	.brand-features-header{
		margin-bottom: 90px;
		height: 200px;
	}

	.brand-features-header .line{
		height: 50px;
		top: 160px;
	}

	.brand-features-list{width: 1400px;}
	.brand-features-block{margin-bottom: 120px;}
	.brand-features .text-lead{margin-bottom: 30px}

	.brand-features-block-shoulder{
		padding-bottom: 15px;
		font-size:20px;
		margin-bottom: 40px;
	}

	.brand-features-block-shoulder span{margin-left: 5px;}

	.brand-features-block-title{
		font-size:32px;
		margin-bottom: 30px;
	}

	.brand-features-block-title sup{font-size:15px}


	/* lineup */

	.brand-lineup{padding: 150px 0 100px;}
	.brand-lineup-header{margin-bottom: 60px;}
	.brand-lineup-title{}
	.brand-lineup-category{}

	.brand-lineup-category li{
		font-size: 15px;
		padding: 7px 15px;
		margin: 0 0 10px 15px;
	}

	.brand-lineup-item{margin: 0 0 50px 2.2%;}

	.brand-lineup-item-image{margin-bottom: 20px;}

	.brand-lineup-item-title{
		font-size:20px;
		margin-bottom: 15px;
	}

	.brand-lineup-item-price{
		font-size:16px;
		margin-bottom: 15px;
	}

	.brand-lineup-item-btn .btn{
		font-size: 15px;
		padding: 5px 0;
		min-width: 120px;
	}

	/* first */

	.brand-first{padding: 30px;}

	.brand-first-inner{
		margin: 0 auto;
		padding: 30px;
	}

	.brand-first-border{padding: 120px 100px;}

	.brand-first-header{
		margin-bottom: 30px;
		height: 200px;
	}

	.brand-first-header .title-block{margin-bottom: 8px;}

	.brand-first-header .line{
		height: 50px;
		top: 150px;
	}

	.brand-first-item{
		width: 780px;
		margin: 0 auto 50px;
	}

	.brand-first-item-image{}
	.brand-first-item-detail{}

	.brand-first-item-title{
		font-size:30px;
		padding-bottom: 8px;
		margin-bottom: 20px;
	}

	.brand-first-item-lead{font-size:20px;}


	/* story */

	.brand-story{padding: 150px 0 200px;}
	.brand-story-inner{width: 1500px;}
	.brand-story-image{}
	.brand-story-title{margin-bottom: 50px;}

	.brand-story-title .title-section .line {
		width: 50px;
		left: 300px;
	}

	.brand-story-detail-title{
		font-size:35px;
		margin-bottom: 40px;
	}

	.brand-story-detail .text-lead{}


	/* modal */

	.brandmodal-inner {padding: 120px 160px;}
	.brandmodal-image {padding-left: 20px;}

	.brandmodal-caption {
		font-size:16px;
		padding-top: 20px;
	}

	.brandmodal-detail {}

	.brandmodal-category {
		font-size:16px;
		margin-bottom: 20px;
	}

	.brandmodal-title {
		font-size:30px;
		margin-bottom: 20px;
	}

	.brandmodal-lead {font-size:20px;}

	.brandmodal-data {
		margin-top: 20px;
		padding-top: 30px;
	}

	.brandmodal-price {margin-bottom: 20px;}
	.brandmodal-price .num {font-size:30px;}
	.brandmodal-price .num  span{
		font-size:16px;
		margin-left: 10px;
	}

	.brandmodal-price select {
		margin-left: 10px;
		width: 160px;
		padding: 0 0 6px 0;
		font-size: 20px;
	}

	.brandmodal-text {
		max-height: 280px;
		font-size:20px;
		padding-right: 20px;
	}

	.brandmodal-btn {padding-top: 50px;}

	.brandmodal-btn a{
		padding: 10px 0;
		width: 200px;
		font-size:20px;
	}

	.brandmodal-btn a[target="_blank"]::after{
		width:20px;
		height:20px;
	}


}


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

    /*  list ---------------------------------------*/

    .brand-category-list{
        margin-bottom: 30px;
        padding: 0 20px;
    }

    .brand-category-list > li{
        font-size: 13px;
        padding: 6px 7px;
        margin: 0 4px 10px;
        letter-spacing: 0.1em;
    }


    /*  detail ---------------------------------------*/

    /* kv */

    .brandkv{padding-top: 64px;}

    .brandkv-logo{
        top:auto;
        bottom: 20px;
        width: 95px;
        height: 95px;
    }

    .brandkv-dotcircle{
        top:auto;
        bottom: 17px;
        width: 101px;
        height: 101px;
    }

    .brandkv .line{
        height: 7vw;
        top : calc(100% - 20px);
    }

    /* head */

    .brand-head{padding: 40px 20px 50px;}

    .brand-head-text{
        letter-spacing:0.15em;
        padding-top: 20px;
        font-size:15px;
        letter-spacing:0.1em;
    }

    .brand-head-btn{
        margin-top: 25px;
        font-size:12px;
        padding: 1px 15px 0;
    }

    .brand-head-btn::after{
        margin-left: 8px;
        width:12px;
        height:12px;
    }

    .brand-head-btn:hover{background: #fff}

    /* about */

    .brand-about{padding: 60px 30px 80px;}
    .brand-about-inner{display: block}

    .brand-about-image{
        width: 100%;
        text-align:center;
        margin-bottom: 50px;
    }

    .brand-about-image img{width:73.5%;}

    .brand-about-detail{
        width: auto;
        text-align:center;
    }

    .brand-about-header{
        margin-bottom: 14px;
        height: 110px;
    }

    .brand-about-header .title-section{line-height: 1.8;}

    .brand-about-header .line{
        height: 35px;
        top: 80px;
    }

    .brand-about-subtitle{
        font-size:20px;
        line-height: 1.5;
        letter-spacing:0.15em;
        margin-bottom: 20px;
    }

    .brand-about .text-lead{}
    .brand-about .text-notice{margin-top: 14px}

    /* features */

    .brand-features{padding: 70px 40px 80px;}

    .brand-features-header{
        margin-bottom: 30px;
        height: 120px;
    }

    .brand-features-header .title-section{line-height: 1.8;}

    .brand-features-header .line{
        height: 30px;
        top: 80px;
    }

    .brand-features-list{width: auto;}

    .brand-features-block{
        display: block;
        margin-bottom: 75px;
    }

    .brand-features-block:last-child{margin-bottom: 0;}

    .brand-features-image{
        width: 100%;
        padding: 0 10px;
        margin-bottom: 35px;
    }

    .brand-features-detail{width: 100%;}
    .brand-features .text-lead{margin-bottom: 15px;}

    .brand-features-block-shoulder{
        padding-bottom: 12px;
        font-size:16px;
        margin-bottom: 20px;
        letter-spacing:0.05em;
    }

    .brand-features-block-shoulder span{
        letter-spacing:0.1em;
        margin-left: 5px;
    }

    .brand-features-block-title{
        font-size: 18px;
        margin-bottom: 10px;
        letter-spacing:0.1em;
        line-height: 1.5
    }

    .brand-features-block-title sup{font-size:10px}


    /* lineup */

    .brand-lineup{padding: 80px 20px 60px;}

    .brand-lineup-header{
        display: block;
        margin-bottom: 20px;
    }

    .brand-lineup-title{
        width: 100%;
        margin-bottom: 30px;
    }

    .brand-lineup-category{
        width: 100%;
        text-align: center;
    }

    .brand-lineup-category li{
        font-size: 12px;
        padding: 4px 10px;
        margin: 0 10px 10px 0;
        letter-spacing: 0.1em;
    }

    .brand-lineup-list{
        display:flex;
        flex-wrap:wrap;
    }

    .brand-lineup-item{
        width: 48.5%;
        margin: 0 0 35px 3%;
    }

    .brand-lineup-item:nth-child(2n + 1){margin-left: 0;}
    .brand-lineup-item-image{margin-bottom: 10px;}

    .brand-lineup-item-title{
        font-size:14px;
        margin-bottom: 10px;
        letter-spacing:0.1em;
    }

    .brand-lineup-item-price{
        font-size:12px;
        margin-bottom: 10px;
    }

    .brand-lineup-item-btn .btn{
        font-size: 12px;
        padding: 5px 10px;
    }

    /* first */

    .brand-first{padding: 15px;}
    .brand-first-inner{padding: 15px;}
    .brand-first-border{padding: 70px 20px 75px;}

    .brand-first-header{
        margin-bottom: 25px;
        height: 140px;
    }

    .brand-first-header .title-block{margin-bottom: 5px;}

    .brand-first-header .line{
        height: 30px;
        top: 103px;
    }

    .brand-first-item{
        display: block;
        width: auto;
        margin: 0 auto 20px;
    }

    .brand-first-item-image{
        width: auto;
        text-align:center;
        margin-bottom: 20px
    }

    .brand-first-item-image img{
        max-width: 50%;
    }

    .brand-first-item-detail{
        width:100%;
        text-align:center;
    }

    .brand-first-item-title{
        font-size:17px;
        line-height: 1.6;
        letter-spacing:0.1em;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .brand-first-item-lead{
        font-size:16px;
        line-height: 1.7;
        letter-spacing:0.1em;
    }


    /* story */

    .brand-story{padding: 60px 40px 100px;}

    .brand-story-inner{
        display: block;
        width: 100%;
    }

    .brand-story-image{
        width: auto;
        padding: 0 10px;
        margin-bottom: 40px;
    }

    .brand-story-title{
        display: block;
        width: 100%;
        height: 120px;
        margin-bottom: 25px;
        text-align:center;
    }

    .brand-story-title .title-section .line {
        width: 1px;
        height: 35px;
        left: 50%;
        top: 55px;
    }

    .brand-story-detail{width: 100%;}

    .brand-story-detail-title{
        text-align:center;
        font-size:20px;
        line-height: 1.4;
        margin-bottom: 25px;
        letter-spacing:0.05em;
    }

    .brand-story-detail .text-lead{line-height: 1.82;}

    /* modal */

    .brandmodal-inner {
        display: block;
        padding: 50px 25px;
    }

    .brandmodal-image {
        width: auto;
        padding-left: 0;
        text-align:center;
    }

    .brandmodal-image img{width: 75%;}

    .brandmodal-caption {
        font-size:11px;
        padding-top: 10px;
    }

    .brandmodal-detail {width: 100%;}

    .brandmodal-category {
        font-size:12px;
        margin-bottom: 10px;
    }

    .brandmodal-title {
        font-size:18px;
        line-height: 1.4;
        margin-bottom: 15px;
        letter-spacing:0.17em;
    }

    .brandmodal-lead {
        font-size:16px;
        line-height: 1.5;
        letter-spacing:0.08em;
    }

    .brandmodal-data {
        margin-top: 15px;
        padding-top: 15px;
    }

    .brandmodal-price {
        letter-spacing:0.15em;
        margin-bottom: 15px;
    }

    .brandmodal-price .num {
        font-size:14px;
        display: inline;
    }
    .brandmodal-price .num  span{
        font-size:11px;
        margin-left: 5px;
    }

    .brandmodal-price select {
        margin-left: 10px;
        width: auto;
        padding: 0 20px 5px 0;
        font-size: 16px;
    }

    .brandmodal-text {
        max-height: 100vh;
        font-size:14px;
        padding-right: 0;
        margin-bottom: 25px
    }

    .brandmodal-btn {
        padding-top: 40px;
    }

    .brandmodal-btn a{
        padding: 7px 20px;
        font-size:14px;
        width: auto;
        letter-spacing:0.1em;
    }

    .brandmodal-btn a[target="_blank"]::after{
        width:12px;
        height:12px;
    }
    .brand-head-btn.ec_link{
        padding: 0.1vw 5.6vw;
    }



}