@charset "UTF-8";

/* =========
top
============= */
.h3 {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.7;
    font-weight: 600;
    color: var(--color-text);
    background-color: var(--title-bg);
    padding: 17px 25px 17px 21px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

/*Kv*/
.top-kv {
    position: relative;
    margin-bottom: 168px;
    overflow: hidden;
}

.kv__text-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.top-h2, .h2__desc {
    color: #FFFFFF;
    text-shadow: 0 3px 6px #000000;
    position: absolute;
    left: 10.46%;
    bottom: 12.53%;
    z-index: 100;
}
.top-h2 {
    font-size: 3rem;
    line-height: 1.208;
    margin-bottom: 36px;
}

.h2__desc {
    font-size: 1.5rem;
    line-height: 1.708;
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}

.swiper-pagination-bullet-active {
    background-color: #4EB255;
}

@media screen and (max-width: 767px) {
.h3 {
    position: relative;
    z-index: 100;
}

.top-kv {
    height: 100vh;
    margin-bottom: 108px;
}

.top-h2 {
    font-size: 1.875rem;
    line-height: 1.7;
    white-space: nowrap;
}

}


/* 
top-About
 */
#about {
    margin-bottom: 405px;
}

#about .contents {
    justify-content: space-between;
}

#about .content__btn {
    margin-top: 67px;
}

#about .content__text-area {
    width: 58.42%;
    position: relative;
    z-index: 100;
}

.top-about01 {
    width: 35.92%;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}
.top-about02 {
    width: 39.44%;
    display: block;
    position: absolute;
    z-index: -1;
    bottom: -35%;
    left: 36.68%;
}

#about .content-img__area img {
    object-fit: cover;
}

@media screen and (max-width: 960px) {
	#about .contents {
	height: 53vw;
}
	.top-about02 {
    bottom: -25%;
}
}


@media screen and (max-width: 768px) {
#about {
    margin-bottom: 200px;
}

#about .contents {
    flex-direction: column;
    flex-wrap: wrap-reverse;
	height: auto;
}


#about .content__text-area {
    width: 100%;
}

#about .content-img__area {
    margin-top: -24px;
}

.top-about01, .top-about02  {
    display: none;
}



}

/* 
top-service
*/
#service {
    margin-bottom: 170px;
}

#service .contents {
    width: 100%;
    flex-direction: row-reverse;
    justify-content: left;
    align-items: flex-end;
    overflow: visible;
}


#service .content__btn {
    margin-top: 51px;
}

#service .content-img__area {
    width: 55.74%;
    padding-right: 5.9%;
}

.top__service_left {
    object-fit: cover;
    height: 100%;
}

#service .content__text-area {
    padding-right: 24px;
}

@media screen and (max-width: 768px) {
#service {
    margin-bottom: 200px;
}

#service .contents {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}

#service .content-img__area {
    width:  100%;
    padding-right: 19.33%;
    position: relative;
    z-index: -1;
}

#service .content__text-area {
    margin-top: -20px;
    padding: 0 16px;
}

}

/*
top-voice
 */
#vice .contents {
    justify-content: space-between;
    gap: 54px;
}

.vice__inner {
    width: 65.49%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 24px;
}



#vice .content__text-area {
    width: 50%;
    padding-top: 4.18rem;

}

#vice .content-img__area {
    width: 30.18%;
    margin-right: -30px;
} 

.top__voice_right {
    border-radius: 10px;
}

#vice .content__btn {
    margin: 27px 0 0 auto;
}

@media screen and (max-width: 1024px) {
#vice .content-img__area {
    margin-right: 0;
} 
}

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

#vice .contents {
    flex-direction: column-reverse;
    padding: 0 16px;
}

#vice .content-img__area {
    width: 100%;
    padding-left: 14.75%;
} 

.vice__inner {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: -27px;
}

#vice .h3 {
    width: auto;
    margin-bottom: 30px;
}

#vice .content__text-area {
    width: 100%;
    padding-top: 0;
}

#vice .content__btn {
    margin: 30px 0 0 0;
    position: relative;
    z-index: 100;
}

}
.band {
    padding-right: 15.4%;
    margin-top: -2.56rem;
    margin-bottom: 200px;
}

.band img {
    object-fit: cover;
}

@media screen and (max-width: 1200px) {
.band {
    margin-top: 0;

}    
}

@media screen and (max-width: 768px) {
.band {
    padding-right: 0;
    margin-top: -24px;
    position: relative;
    z-index: -1;
}
.band-top {
    width: 73.58%;
    margin-left: auto;
    display: block;
}
.band-center {
    width: 55.89%;
    display: block;
    margin-top: -29px;
}
.band-bottom {
    width: 62.82%;
    display: block;
    margin-top: -39px;
    margin-left: 33.58%;
}
}

/* Instagram */
#instagram {
    padding: 0 8.4%;
    margin-bottom: 120px;
}

#instagram .section-title {
    padding-bottom: 28px;
    position: relative;
}

#instagram .section-title::after {
    content: "インスタグラム";
    color: var(--color-text);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    font-size: 1rem;
    line-height: 1.69;
}

#instagram .content__btn {
    margin-left: auto;
}

/* ==============
about-page
================= */
.l-about {
    background: url(imgs/about-header.webp) no-repeat center;
    background-size: cover;
}

.l-contents {
    margin-bottom: 200px;
}

.about-h2 {
    margin-bottom: 160px;
}

.l-text__area {
    width: 43.04%;
    margin: 0 auto;
}

.l-about__title {
    height: 356px;
    background: url(imgs/about-bg.webp) no-repeat center;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 0 10.46% 60px 10.46%;
    padding: 0 24px;
    border-radius: 10px;
}

.title-bg {
    width: 47.25%;
    text-align: center;
    padding: 44.3px 0 21px 0;
    background: rgb(255, 255, 255, 85%);
    border-radius: 10px 10px 0 0;
    margin: 0 auto;
}

.l-contents .section-title {
    margin-bottom: 80px;
}

.about-catch__text, .about-catch__title {
	font-size: 2.3em;
	text-align: center;
}
.about-catch__text {
	 color: var(--color-text);
	margin-bottom: 62px;
}
.about-catch__title {
	color: var(--main-color);
	font-weight: 600;
	margin-bottom: 137px;
}
@media screen and (max-width: 1024px) {
.title-bg {
    width: 100%;
    text-align: center;
    padding: 37.3px 0 28px 0;
}
}

@media screen and (max-width: 768px) {
.l-contents {
    margin-bottom: 150px;
}

.l-about {
    background: url(imgs/about-header_sp.webp) no-repeat center;
    background-size: cover;
}

.about-h2 {
    margin-bottom: 52px;
}

.l-about__title {
    height: 232px;
    margin: 0 0 31px 0;
}

.l-text__area {
    width: 100%;
    padding: 0 16px;
}
}

/* ミッション */

.mission__title {
    display: inline;
    font-size: 1.25rem;
    line-height: 1.7;
    font-weight: 600;
    z-index: 10;
    background: linear-gradient(transparent 70%, #DEF4D9 0%);
} 

.mg-23 {
    margin-bottom: 23px;
}

.mg-59 {
    margin-bottom: 59px;
}

.mission {
    width: 58.61%;
    margin: 0 auto;
}


@media screen and (max-width: 768px) {
.mission {
    width: 100%;
}

.mg-23 {
    margin-bottom: 35px;
}

.mg-59 {
    margin-bottom: 60px;
}
}


.producer .contents {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 200px;
    overflow: hidden;
}

.producer .content__text-area {
    width: 45.09%;
}

.producer .content-img__area {
    width: 46.11%;
}

.producer-link__area {
    margin-top: 76px;
}

.producer__area-title {
    font-size: 0.875rem;
    line-height: 1.714;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 28px;
}

.link__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.link__item {
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    transition: .4s;
    border-bottom: 1px solid transparent;
}

.link__item:hover {
    border-bottom: 1px solid #5C5C5C;
    transition: .4s;
}

@media screen and (max-width: 1024px) {
.producer .contents {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
    gap: 55px;
}

.producer .content__text-area {
    width: 100%;
}

.producer .content-img__area {
    width: 100%;
}

.producer__area-title {
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 22px;
}

}

/* 主なお取引先様 */

.transaction {
    margin-bottom: 127px;
    overflow: hidden;
}

.transaction .section-title {
    margin-bottom: 80px;
}

.transaction__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.transaction__item {
    margin-bottom: 100px;
    text-align: center;
}

.transaction__item:first-child  {
    grid-column:  1 / -1;
}

.transaction__item:last-child {
    grid-column: 1 / -1;
}

.transaction__item-title, .product__title {
    color: var(--color-text);
    font-weight: 600;
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    padding: 17px 0;
    background-color: #FFFFFF;
    border: 1px solid #318437;
    margin-bottom: 30px;
}

.transaction__item:last-child .transaction__item-title {
    color: var(--color-text);
    font-weight: 600;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    padding: 17px 0;
    background-color: #FFFFFF;
    border: 1px solid #318437;
    margin-bottom: 30px;
}

.transaction__inner {
    width: 100%;
}

.transaction__item:first-child .transaction__inner, .transaction__item:last-child .transaction__inner {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, max-content);
    column-gap: 50px;
    justify-content: space-around;
}

.transaction__inner:nth-child(n+2) {
    grid-auto-flow: row;
    grid-template-rows: none;
}

.transaction__inner li a {
    border-bottom: 1px solid transparent;
    transition: .4s;  
}

.transaction__inner li a:hover {
    border-bottom: 1px solid #5C5C5C;
    transition: .4s;
}

.transaction__inner li  {
    width: 300px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
.transaction__item-title, .product__title {
    max-width: 200px;
}

.transaction__inner li {
    width: 200px;
}
}

@media screen and (max-width: 768px) {
.transaction {
    margin-bottom: 150px;
}

.transaction__list {
    grid-template-columns: 1fr;
}

.transaction__item:first-child .transaction__inner, .transaction__item:last-child .transaction__inner {
    grid-auto-flow: row;
    grid-template-rows: none;
}

.transaction__inner {
    grid-auto-flow: row;
    grid-template-rows: none;
}

.transaction__item-title, .product__title {
    width: 76.33%;
}

}

/* 会社情報 */
.company {
    margin-bottom: 200px;
}

.company .section-title {
    margin-bottom: 80px;
}

.company__inner {
    width: 83.33%;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 33px 93px 28px 93px ;
}

.company__item {
    display: flex;
    align-items: center;
    padding: 45px 0 44px 0;
    border-bottom: 1px solid #318437;
}

.company__item:last-child {
    border: none;
}

.company__item-title {
    width: 186px;
}

.company__item-title, .company__item-desc {
    line-height: 1.625;
}

.company__item ul li {
    line-height: 2.18;
}

@media screen and (max-width: 1024px) {
.company__inner {
    width: 100%;
    padding: 33px 19px 28px 29px ;
}

.company__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #318437;
}

.company__item:nth-child(2) {
    padding: 21px 0;
}

.company__item-title {
    width: 133px;
}

.company__item-title, .company__item-desc {
    line-height: 1.68;
}

 .company__item-desc {
    text-align: left;
 }

.company__item ul li {
    line-height: 1.68;
}

}

/* ==============
service
================= */
.l-service {
    background: url(imgs/service-kv.webp) no-repeat center;
    background-size: cover;
}

.service-h2 {
    margin-bottom: 61px;
}

.h2__lead {
    text-align: center;
    margin-bottom: 73px;
}

.job {
    max-width: 1080px;
    height: 731px;
    margin: 0 auto 232px auto;
}

.job .content-img__area {
    position: relative;
    height: 487px;
}

.job .content-img__area img {
    width: auto;
    height: 100%;
}

.job .content-img__area::before {
    position: absolute;
    display: block;
    content: "";
    width: 136px;
    height: 434px;
    right: 0;
    bottom: 0;
    background-color: rgb(255, 255, 255, 85%);
    border-radius: 10px 0 0 10px;
}

.job .content__text-area {
    width: 57.77%;
    position: absolute;
    top: 104px;
    right: -63px;
    padding: 0 20px 0 49px;


}

.job__item {
    margin-bottom: 60px;
}

.job__title {
    color: var(--color-text);
    font-size: var(--font-size-color-title);
    line-height: var(--color-title-height);
    font-weight: 600;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.h2__lead {
    margin-bottom: 30px;
}

.job .contents {
    flex-direction: column;
    align-items: center;
}

.job {
    padding: 0 16px;
    height: auto;
    margin: 0 auto 100px auto;
}

.job .content-img__area {
    width: 100%;
    position: relative;
    height: auto;
    margin-bottom: 60px;
}

.job .content-img__area img {
    width: 100%;
    height: auto;
}

.job .content-img__area::before {
    display: none;
}

.job .content__text-area {
    width: 100%;
    position: static;
    padding-left: 20px;
}

}

.product {
    margin-bottom: 200px;
}

.product__inner {
    background: #FFFFFF;
    padding: 74px 0;
    margin-bottom: 39px;
}

.product__title {
    margin-bottom: 62px;
}

.product__list {
    display: flex;
    align-items: flex-end;
    gap: 27px;
}

.product__item {
    width: 23.24%;
}

.product__item:nth-child(3) img {
    display: block;
    width: 21.91%;
    margin: 0 auto;
}

.product__item:nth-child(4) img {
    display: block;
    width: 69.72%;
    margin: 0 auto;
}

.product__item img {
    object-fit: cover;
}

.product__name {
    font-size: 1.25rem;
    line-height: 1.7;
    font-weight: 600;
    text-align: center;
    padding: 32px 0 69px 0;
}

.product__name:nth-child(2) {
    padding: 49px 0 69px 0;
}

.product__name:nth-child(3) {
    padding: 45px 0 48px 0;
}

.product__name:nth-child(4) {
    padding: 45px 0 48px 0;
}

.product__list_bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 0 65px;
}

.product__item_bottom {
    font-size: 1.25rem;
    line-height: 1.7;
    width: 16.11%;
    text-align: center;
    padding: 14px 0;
    background-color: #FDFBF0;
    border-radius: 25px;
}
.product__list-text {
	font-size: 20px;
	font-weight: 600;
	position:relative;
	display: inline-block;
	margin: 72px 0 45px 0;
}
.product-inner {
	text-align: center;
}
.product__list-text:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 33px;
	display: block;
	right: -12px;
	top: 50%;
	transform: translatey(-50%) rotate(20deg);
	background-color: #318437;
}
.product__list-text:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 33px;
	display: block;
	left: -12px;
	top: 50%;
	transform: translatey(-50%) rotate(-20deg);
	background-color: #318437;
}
.agriculture {
    margin-bottom: 200px;
}

.agriculture .product__title {
    margin-bottom: 80px;
}

.agriculture__item:first-child {
    margin-bottom: 60px;
}

.agriculture__item-title {
    font-size: 1.25rem;
    line-height: 1.3;
    color: var(--color-text);
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
    padding-left: 27px;
}

.agriculture__item-title::before {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 10px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(imgs/icon-arrow.webp) no-repeat center;
    background-size: contain;
}

@media screen and (max-width: 768px) {
.product {
    margin-bottom: 100px;
}

.product__inner {
    padding: 42px 0 51px 0;
    margin-bottom: 30px;
}

.product__title {
    margin-bottom: 30px;
}
.product__list {
    background-color: #FFFFFF;
    padding: 42px 0 0 46px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 27px;
}

.product__item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.product__item:nth-child(1) img, .product__item:nth-child(2) img {
    width: 26.86%;
    margin: 0;
}

.product__item:nth-child(3) {
    padding-left: 9%;
    gap: 10%;
}

.product__item:nth-child(3) img {
    width: 8.03%;
    margin: 0;
}

.product__item:nth-child(4) img {
    width: 25.2%;
    margin: 0;
}

.product__item img {
    object-fit: cover;
}

.product__name {
    font-size: 1rem;
    line-height: 1.68;
    padding: 0;
}

.product__list_bottom {
    gap: 13px;
    padding: 0;
}

.product__item_bottom {
    width: 47.19%;
}
}

/* ==============
voice
================= */
.l-voice {
    background: url(imgs/voice-kv.webp) no-repeat center;
    background-size: cover;
}

.voice-h2 {
    margin-bottom: 148px;
}

.voice {
    margin-bottom: 200px;
    padding-right: 24px;
}

.voice .contents {
    position: relative;
    height: 422px;

}

.voice__contents-inner {
    position: relative;
}

.voice .content-img {
    width: 77.89%;
    position: relative;
}

.voice .content-img::before {
    position: absolute;
    display: block;
    content: "";
    width: 52.81%;
    height: 53%;
    background-color: rgb(255, 255, 255, 80%);
    border-radius: 10px 0 0 0;
    right: 0;
    bottom: 0;
}

.voice .content__text-area {
    width: 58.42%;
    height: 100%;
    position: absolute;
    /* top: 64.21%; */
    bottom: -60%;
    right: 0;
}

.voice__title {
    font-size: var(--font-size-color-title);
    line-height: var(--color-title-height);
    color: var(--color-text);
    font-weight: 600;
    margin-bottom: 30px;
}

.voice__list {
    max-width: 896px;
    margin: 0 auto;
}

.voice__item {
    display: flex;
    justify-content: center;
    gap: 35px;
    margin-bottom: 200px;
}

.voice__text-area {
    width: 56.66%;
}

.voice-img__area {
    width: 44.3%;

}

.voice-img__area img {
    object-fit: cover;
}

.voice__text-area {
    padding-top: 165px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.bg-wh {
    color: var(--color-text);
    letter-spacing: 0.24em;
    line-height: 1.5;
    font-weight: 600;
    padding: 15px 34px;
    background-color: #FFFFFF;
    border: 1px solid #318437;
    display: inline-block;
}

.voice__item-name {
    display: inline;
    color: var(--color-text);
    letter-spacing: 0.24em;
    line-height: 1.5;
    font-weight: 600;
    padding-left: 23px;
}
.voice__name {
    font-size: 1.25rem;
    line-height: 1.7;
    color: var(--color-text);
    font-weight: 600;
    margin-top: 30px;
}

.voice__contact-area {
    padding: 129px 0 117px 0;
    text-align: center;
    background-color: #FFFFFF;
}

.contact-area__title {
    font-size: 2.25rem;
    line-height: 1.694;
    color: var(--color-text);
    font-weight: 600;
    margin-bottom: 39px;
}

.contact__text-area {
    margin-bottom: 53px;
}

.btn {
    max-width: 522px;
    margin: 0 auto;

}

.btn a {
    display: block;
    color: #FFFFFF;
    font-size: 1.5rem;
    line-height: 1.708;
    font-weight: 600;
    text-align: center;
    padding: 42px 0 42px 28px;
    position: relative;
    background: linear-gradient(45deg, rgba(49, 132, 55,0.9),#318437);
    border-radius: 10px;
    border: 2px solid #318437;
    transition: .4s;
}

.btn a:hover {
    color: rgb(49, 132, 55);
    background: linear-gradient( 45deg, rgba(255 255 255 / 0.9), #FFFFFF);
    transition: .4s;
}

.btn a::before {
    position: absolute;
    display: block;
    content: "";
    width: 31px;
    height: 31px;
    top: 50%;
    left: 145px;
    transform: translateY(-50%);
    background: url(imgs/Icon-mail.webp) no-repeat center;
    background-size: contain;
}

.btn a:hover:before {
    background: url(imgs/icon-mail_gr.webp) no-repeat center;
    background-size: contain;
}

@media screen and (max-width: 768px) {
.voice {
    margin-bottom: 112px;
    padding-right: 0;
}

.voice .contents {
    position: static;
    height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.voice .content-img {
    width: 100%;
    padding-right: 16px;
}

.voice .content-img::before {
    display: none;
}

.voice .content__text-area {
    width: 100%;
    height: auto;
    position: static;
    padding: 32px 16px 0 16px;
    margin-bottom: 112px;
}

.voice__title {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 30px;
}

.voice__item {
    flex-direction: column-reverse;
    justify-content: center;
    gap: 30px;
}

.voice__item:nth-child(2) {
    flex-direction: column;
}

.voice__text-area {
    width: 100%;
}

.voice-img__area {
    width: 100%;
}

.voice__text-area {
    padding-top: 0;
}

.voice__contact-area {
    padding: 91px 0 100px 0;
}

.contact-area__title {
    font-size: 1.625rem;
    line-height: 1.8;
    margin-bottom: 50px;
}

.contact__text-area {
    margin-bottom: 50px;
}

.voice__contact-area .btn {
    max-width: 361px;
}

.voice__contact-area .btn a {
    padding: 25px 0 25px 28px;
}


.voice__contact-area .btn a::before {
    position: absolute;
    display: block;
    content: "";
    width: 31px;
    height: 31px;
    top: 50%;
    left: 64px;
    transform: translateY(-50%);
    background: url(imgs/Icon-mail.webp) no-repeat center;
    background-size: contain;
}



}


/* ==============
contact
================= */
.l-contact {
    background: url(imgs/contact-kv.webp) no-repeat center;
    background-size: cover;
}

.contact-h2 {
    margin-bottom: 100px;
}

.contact__lead {
    text-align: center;
    margin-bottom: 80px;
    padding: 0 24px
}

.contact__wrapper {
    width: 43.92%;
    margin: 0 auto 200px auto;
}

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

.contact__lead {
    padding: 0 16px
}    

.contact__wrapper {
    width: 100%;
}
}

/* ==============
privacy
================= */
.l-privacy {
    background: url(imgs/privacy-kv.webp) no-repeat center;
    background-size: cover;
}

.l-contact {
    margin-bottom: 200px;
}

.contact__inner {
    padding: 0 70px;
    margin-left: 24px;
}

.contact__inner-text, .contact__inner-title {
    color: #231815;
    line-height: 1.93;
}

.contact__inner-text {
    font-weight: 400;
}

.contact__inner-title {
    font-weight: 700;
    margin-top: 31px;
}

.privacy-btn {
    max-width: 204px;
    margin: 0 auto 200px 0;
}

.privacy-btn a {
    display: block;
    font-size: 1rem;
    padding: 24px 0 24px 20px ;
    margin-top: 24px;
}

.privacy-btn a::before {
    width: 20px;
    height: 20px;
    left: 20px;
}

@media screen and (max-width: 768px) {
.contact__inner {
    padding: 0;
    margin-left: 0;
}
}