﻿/********** font **********/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&display=swap');

:root{
    --font-jp: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
body, .font_sans-serif{
    font-family: var(--font-jp)!important;
}
.font_en, .font_Quick, a[href^="tel:"]{
    font-family: var(--font-jp)!important;
}
.font_bold, h1, h2, h3, h4, h5, h6{
    font-weight: inherit;
}

/********** color **********/

:root{
    --color1: #A1C4BA;
    --color1s: #77af9e;
    --color2: #EFEFE4;
    --color3: #DCC5A4;
    --color3s: #cbb597;
    --color4: #E0E0D1;
    --black: #6A5F4C;
    
    --base: #fefef0
}

.txt_color1s{
    color: var(--color1s);
}
.bg_color3s{
    background-color: var(--color3s);
}
.hvr_bg_color3s:hover{
    background-color: var(--color3s);
}
.hvr_border_color3s:hover{
    border-color: var(--color3s);
}

/* =============================================
　　header
============================================= */

header{z-index: 999;}
#logo img{max-width: 300px;transition: .5s}
#header.active #logo img{max-width: 250px;}

/* nav_menu */
.button_container, .shop_link {
    position: relative;
    height: 110px;
    width: 116px;
    cursor: pointer;
    z-index: 9999;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}
.button_container.active{
	background-color: transparent;
}
.button_container.active .posi_center{
	width: 42px;
    height: 52px;
}
.button_container.active .top {
	-webkit-transform: translateY(16px) translateX(0) rotate(45deg);
	transform: translateY(16px) translateX(0) rotate(45deg);
	background: #222;
	width: 40px;
}
.button_container.active .middle {
	opacity: 0;
	background: #222;
}
.button_container.active .bottom {
	-webkit-transform: translateY(-5px) translateX(0) rotate(-45deg);
	transform: translateY(-5px) translateX(0) rotate(-45deg);
	background: #222;
	width: 40px;
}
.button_container:hover span {
	opacity: .6;
}
.button_container .posi_center {
	width: 50px;
    height: 42px;
}
.shop_link div.posi_center {
	width: 100%;
    height: 100%;
}
.button_container span {
    background: #fff;
    border: none;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 9px;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}
.button_container span:nth-of-type(2) {
	top: 20px;
	width: 34px;
	text-align: left;
}
.button_container span:nth-of-type(3) {
	top: 31px;
	width: 21px;
}
/* overlay 追加*/
.overlay .menu_box {
	box-sizing: border-box;
	padding-left: 14vw;
	opacity: 0;
	transition: opacity .5s .4s;
	max-width: 75%;
	overflow: auto;
}
.overlay.open .menu_box {
	opacity: 1;
}
.overlay .menu_bg_box {
    position: relative;
    top: 0;
    left: 0;
    width: 25vw;
    height: 100vh;
}
.overlay .menu_bg_box_wrap {
	overflow: hidden;
	transform: translate(-100%, 0);
	transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
	width: 25%;
}
.overlay .menu_bg_box {
	display: block;
	transform: translate(100%, 0);
	transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}
.overlay.open .menu_bg_box_wrap,
.overlay.open .menu_bg_box {
	transform: translate(0, 0);
	transition-delay: .3s;
}


/* overlay */
.overlay {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .25s, visibility .35s, height .35s;
	transition: opacity .25s, visibility .35s, height .35s;
	overflow: hidden;
	z-index: 999!important;
}
.overlay.open {
	opacity: 1;
	visibility: visible;
	height:100%;
}
.overlay nav {
    position: absolute;
    width: 70%;
    height: 70vh;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
    text-align: left;
    background-color: #fff;
    padding: 5% 0 0;
}

.overlay ul:not(.sns_links) li {
	display: block;
	opacity: 1;
}
.overlay ul:not(.sns_links) li a {
	display: block;
	position: relative;
	padding-top: 5px;
	padding-bottom: 10px;
}
.overlay .sns_links li {
    max-width: 25px;
    margin: 0 25px 3% 0;
}

#overlay .tel_bt{
    display: none;
}

header #header{
    min-width: 1000px;
    background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
}
#header #logo{
    padding: 0;
    height: initial;
}
#header #logo a{
    width: 110px;
    height: 110px;
    /*background-color: #fff;*/
    text-align: center;
    padding-top: 15px;
    box-sizing: border-box;
}
#header #logo a img{
    width: 60%!important;
}

#logo img{
    max-width: 100px!important;
}

.shop_link{
    background-color: transparent!important;
}
.shop_link a{
    background-color: transparent!important;
    color: var(--black)!important;
}

/* =============================================
　　other
============================================= */

.shadow-h {
    box-shadow: 20px 50px 30px rgba(0,0,0,0.1);
}
.hvr_up:hover {
    transform: translateY(-3px);
}

/********** all **********/

#loading_logo{
	max-width: 150px;
}

#wrap{
    background-color: var(--base);
    color: var(--black);
    padding-right: 0!important;
}
#wrap:not(.index){
    background-color: #fff;
}

main > section[id^="page"]:not(#page_title){
    max-width: 1280px;
    padding-left: 5%;
    padding-right: 5%;
}

/*#header{
    padding: 0;
}
#header .mail_bt {
    width: 110px;
    height: 110px;;
}
.mail_bt a{
    border-radius: 0;
    box-sizing: border-box;
    padding: 0;
}

#logo{
    background-color: #fff;
    width: 110px;
    height: 110px;
}
#logo h1.logo{
    width: 100%!important;
    text-align: center;
}
#logo img{
    width: 60%!important;
}

#header .h_contents {
    position: fixed;
    z-index: 998;
    top: 0;
    right: 90px;
}
header::before{
    position: fixed;
    content: "";
    width: 100%;
    height: 110px;
    left: 0;
    top: 0;
    background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
    z-index: 1;
}*/

footer .bg_box {
    height: 33vw;
}

#footer{
    background-color: #f9f9f4;
}
#footer::before{
    display: none;
    /*background: #72A194;
    opacity: 0.4;*/
}
footer .sns_links li {
    max-width: 30px;
    margin: 35px 14px;
}
#foot_info .footer_txt{
    font-size: 100%;
}

/* page-top */
#page-top{
	position: fixed;
	right: 30px;
	z-index: 99;
}
#page-top i::before{
    color: var(--black);
}
#page-top a{
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
}

/*.button_container span{
    background-color: var(--black);
}*/

/********** top **********/

/** modal **/

.modal .modal_bt{
    cursor: pointer;
}
.modal_box{
    top: 0;
    left: 0;
    z-index: 10000;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
}
.modal_box.active{
    opacity: 1;
    pointer-events: auto;
}
.modal_box::-webkit-scrollbar{
    display:none;
}
.modal_box .modal_bg{
    top: 0;
    left: 0;
}
.modal_box .modal_close{
    cursor: pointer;
    top: -40px;
    right: 10px;
}

/** **/

/*#main_img{
    height: 100vh;
    max-height: inherit;
}*/
.main_img_wrap{
    background-color: var(--black);
}
#main_img{
    opacity: 0.7;
    min-height: 800px;
    max-height: initial;
}
#main_img .main_img1{
    left: 5%;
    top: 0;
    height: 65%;
    border-radius: 0 0 1000px 1000px;
    z-index: 1;
}
#main_img .main_img2{
    right: 0;
    bottom: 0;
    height: 95%;
    border-radius: 1000px 1000px 0 0;
}
.main_img_wrap .catch{
    left: 5%;
    bottom: 8%;
    z-index: 1;
}

#contents1 .con1_img{
    height: 40vw;
    border-radius: 1000px 1000px 60px 60px;
}
/*#contents1{
    background-image: url('./Dup/img/intro_item.png');
    background-size: 800px;
    background-position: top center;
    background-repeat: no-repeat;
}*/

/*#contents2{
    background-image: url('./Dup/img/bg_img3.png'), url('./Dup/img/bg_img4.png'), url('./Dup/img/bg_img2.png');
    background-repeat: no-repeat;
    background-position: top -30% right -5%, bottom 30% left -10%, bottom;
    background-size: 42%, 42%, 100%;
}
#contents2 .con2_box .con2_txt_wrap{
    padding-left: 5%;
    padding-right: 5%;
}
#contents2 .con2_box:nth-of-type(2) .con2_txt_wrap{
    padding-left: 10%;
}*/
#contents2{
    background-image: url('./Dup/img/bg_img2.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}
#contents2 .con2_img{
    padding-top: 100%;
}
#contents2 .con2_img2{
    border-radius: 1000px;
    width: 55%;
    height: 50%;
    left: -20%;
    bottom: 10%;
}
#contents2 .con2_title1{
    font-size: 60px;
    line-height: 1.2;
}
#contents4 .con4_txt_wrap p:not(.etc) {
    background-image: url(./Dup/img/check.png);
    background-position: left 0 top 0px;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 40px;
}

#top_cms .top_cms_box {
    margin-bottom: 0;
}

#top_cms .top_cms_title{
    margin-bottom: 50px;
}
#top_cms .top_cms_title .cms_title_inner{
    padding: 0;
}
#top_cms .top_cms_title .before, .top_info_title .before, .top_cms_title .after, .top_info_title .after{
    display: none;
}
#top_cms .top_cms_title h2{
    display: none;
/*    font-size: 50px;
    position: relative;*/
}
#top_cms .top_cms_title p{
    font-size: 50px;
    opacity: 1;
    left: 0;
    transform: none;
    letter-spacing: 3px;
    position: static;
    color: var(--black);
/*    font-size: 100px;
    color: var(--color4);
    margin-bottom: -40px;*/
}
#page_title{
    margin-bottom: 100px;
}
#page_title::before {
    background: var(--color4);
    opacity: 0.4;
}
#page_title .page_title_inner {
    padding: 200px 20px;
}
#page_title .title_box {
    padding: 35px 0;
    background-color: rgba(255, 255, 255, 0.6);
    border-top: none;
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
}
#page_title .title_box p{
    font-size: 50px;
    color: var(--color1);
    margin-bottom: 20px;
    letter-spacing: 4px;
}
#page_title .title_box h2{
    font-size: calc(1rem + 2px);
    position: relative;
    letter-spacing: 1px;
}

.more_bt{
    width: 300px!important;
}
.more_bt:not(.bt_d) a, .more_bt span{
    cursor: pointer;
    border-bottom: none;
    background-color: var(--color1);
    color: #fff;
    padding: 15px;
    width: 100%!important;
    box-sizing: border-box;
    z-index: 1;
}
.more_bt.bt_w a, .more_bt.bt_w span, #top_cms2 .top_cms_box:nth-of-type(even) .more_bt a{
    background-color: transparent;
    border: solid 1px #fff;
}
.more_bt:not(.bt_d) a:hover, .more_bt span:hover, #top_cms2 .top_cms_box:nth-of-type(even) .more_bt a:hover{
    opacity: 1;
    background-color: var(--color3s)!important;
    border-color: #fff;
    transform: none;
}
.more_bt.bt_w a:hover, .more_bt.bt_w span:hover{
    background-color: #fff!important;
    color: var(--color1)!important;
}

.cms_3-b .cate_txt1 {
    font-size: min(1vw, 18px);
}
.cms_3-b .cate .cate_txt_wrap, #cms_3-b .cate .cate_txt_wrap {
    background-image: linear-gradient(to bottom, var(--color1), var(--color1));
    background-size: 150px 5px;
    background-repeat: no-repeat;
    background-position: top center;
}
.cms_3-b .cate:nth-of-type(even){
    flex-direction: row-reverse
}

#cms_2-g .cate_box_h .box_title1, .cms_5-e .cate_box, #cms_5-e .cate_box, #cms_6-c .cate_box{
    cursor: pointer;
}
.cms_5-e .cate_box::before, .cms_5-e .cate_box::after, #cms_5-e .cate_box::before, #cms_5-e .cate_box::after, #cms_6-c .cate_box::before, #cms_6-c .cate_box::after, #cms_2-g .cate_box_h::before, #cms_2-g .cate_box_h::after{
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    background-color: var(--color1);
    top: calc(20px + 0.8em);
    right: 20px;
}
.cms_5-e .cate_box::after, #cms_5-e .cate_box::after, #cms_6-c .cate_box::after, #cms_2-g .cate_box_h::after{
    transition: transform 0.2s;
    transform: rotate(90deg);
}
.cms_5-e .cate_box.active::after, #cms_5-e .cate_box.active::after, #cms_6-c .cate_box.active::after, #cms_2-g .cate_box_h.active::after{
    transform: rotate(00deg);
}
.cms_5-e .box_title1::before, #cms_5-e .box_title1::before{
    position: absolute;
    content: "Q";
    font-size: 30px;
    left: 0px;
    top: calc(20px - 0.2em);
    color: var(--color1);
    line-height: 1;
}
.cms_5-e .box_txt1::before, #cms_5-e .box_txt1::before{
    position: absolute;
    content: "A";
    font-size: 28px;
    left: 0px;
    top: calc(20px - 0.2em);
    color: var(--color3);
    line-height: 1;
}

/*#cms_2-g .cate_img1{
    max-height: initial!important;
}*/

#cms_2-g.cms_2-g_h .cate_box{
    border-radius: 0;
    position: relative;
    border: solid 1px;
    border-image: linear-gradient(to right top, #d5c379 60%, #FFEEB6 65%, #CEA46E) 1;
}
.cms_2-g .cate_box{
    min-height: initial;
}
.cms_2-g .cate_box .box_item:first-of-type > div{
    background-image: linear-gradient(to bottom, var(--color1), var(--color1));
    background-size: 100px 3px;
    background-repeat: no-repeat;
    background-position: top center;
}
.cms_2-g .cate_box .box_item{
    width: calc(50% - 20px);
    box-sizing: border-box;
}
.cms_2-g .cate_box:nth-of-type(even){
    flex-direction: row-reverse;
}

#contents_links .box_wrap .box.first {
    width: 26.33333% !important;
}
#contents_links .box_wrap .box {
    border: 6px solid rgba(255, 255, 255, 0);
}
#contents_links .box_wrap .box .posi_center {
    z-index: 2;
}
#contents_links .box_wrap .box a {
    display: block;
    padding-top: 52%;
    position: relative;
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
    background-color: var(--black);
    border-radius: 10px;
}
#contents_links .box_wrap .box a h4 {
    background-color: transparent;
    padding: 0;
    position: relative;
}
#contents_links .box_wrap .box a::after {
    content: "";
    background-position: center center;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: ease 0.6s;
    z-index: 1;
    opacity: 0.7;
}
#contents_links .box_wrap .box a:hover::after {
    transform: scale(1.05);
    opacity: 0.5;
}


/********** under_page **********/

.box_link::before{
    position: absolute;
    content: "コピーしました";
    font-size: 12px;
    text-align: center;
    width: 120px;
    background-color: var(--black);
    color: #fff;
    display: block;
    padding: 5px 10px 7px;
    border-radius: 50px;
    left: calc(50% - 60px);
    box-sizing: border-box;
    top: -35px;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}
.box_link.copied::before{
    opacity: 1;
}

#cms_2-g .cate_box_h .left_img::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: solid 20px transparent;
    border-left: solid 20px var(--color1s);
    border-bottom: solid 20px transparent;
    top: 0;
    bottom: 0;
    right: -22%;
    margin: auto;
}

#cms_3-b .cate_box{
    position: relative;
    border: solid 1px;
    border-image: linear-gradient(to right top, #D5C379 60%, #FFEEB6 65%, #CEA46E) 1;
}

#page10 ul li {
    width: 45%!important;
}
#page10 ul li a::before {
    content: "\025bc";
    display: inline-block;
    font-size: 9px;
    color: #333333;
    position: absolute;
    top: 5px;
    left: 0;
}



/********** tablet 1536 **********/
@media screen and (max-width: 1536px){

#contents2 .con2_title1{
    font-size: 50px;
}
}


/********** mobile 1180px **********/
@media screen and (max-width: 1180px){
footer .info_txt {
    padding: 30px 20px;
    margin-bottom: 0;
    font-size: 14px;
}
footer .info_txt .font_2up{
    font-size: 16px;
}
}

/********** tablet 780 **********/
@media screen and (max-width: 768px){
.overlay{
    top: 0;
}
.overlay .menu-box{
    text-align: center;
}
.overlay .menu-box .sns_links_tb {
    justify-content: center;
}
#fix_menu{
    background-color: transparent;
}
header::before{
    height: 95px;
}

header #header{
    min-width: 100%
}
/*#header .h_contents {
    right: 80px;
}
#header .mail_bt {
    width: 95px;
    height: 95px;
}*/
#logo{
    width: 95px!important;
    height: 95px;
}
#logo h1.logo {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#main_img{
    height: 740px;
}
#main_img .main_img1 {
    left: 0;
    top: 0;
    height: 50vw;
    border-radius: 0 1000px 1000px 0;
}
#main_img .main_img2 {
    bottom: 40%;
    height: 40%;
    border-radius: 1000px 0 0 1000px;
    z-index: 1;
}
#contents1 .con1_img{
    height: 110vw;
}
#contents2 .con2_box .con2_txt_wrap{
    padding-left: 0!important;
    padding-right: 0!important;
}
/*#contents2 {
    background-position: top 20% right -40%, bottom 20% left -50%, bottom;
    background-size: 80%, 80%, 100%;
}
#contents2 .con2_box:nth-of-type(2){
    padding-bottom: calc(55vw + 50px);
}
#contents2 .con2_img {
    height: 100vw;
    margin-top: -40%;
}
#contents2 .con2_box:nth-of-type(2) .con2_img {
    margin-top: 0;
}
#contents2 .con2_img2 {
    border-radius: 1000px 0 0 1000px;
    width: 80%;
    height: 55vw;
    left: auto;
    right: 0;
    bottom: 0;
}
#top_cms .top_cms_title p{
    font-size: 70px;
    color: var(--color4);
    margin-bottom: -30px;
}*/
.cms_2-g .box_img1{
    padding-top: 60%;
}
.cms_3-b .cate_txt1 {
    font-size: min(4vw, 18px);
}
.cms_2-g .cate_box .box_item{
    width: 100%
}
#page_title {
    margin-bottom: 80px;
}
#page_title .page_title_inner {
    padding: 180px 20px;
}
.cms_3-b .cate_img1, #cms_3-b .cate_img1{
    height: 50vw;
}
#contents_links .box_wrap .box.first {
    width: 90% !important;
}
#contents_links .box_wrap .box a {
    padding-top: 33%;
}

#footer{
    padding-top: 0;
}
footer #logo2{
    margin-left: auto;
    margin-right: auto;
}
footer .info_txt .font_2dw {
    font-size: calc(1rem - 4px);
}
}

/********** mobile 750 **********/
@media screen and (max-width: 667px){
.shadow-h {
    box-shadow: 10px 30px 20px rgba(0,0,0,0.1);
}
#loading_logo{
	max-width: 100px;
}
.overlay .menu-box{
    padding-top: 50px;
}
#fix_menu {
    padding: 31px 0;
}
.overlay{font-size: 14px}
#header{background-color: #fff}
.button_container, .shop_link{height: 68px;width: 71px;}
.overlay{-webkit-transition: opacity .45s;transition: opacity .45s}
.overlay .menu_box {
	padding-top: 75px;
    padding-left: 34px;
    position: relative;
    width: 85vw;
    max-width: 85vw;
    margin-left: auto;
    background-color: rgba(255,255,255,0.8);
    backdrop-filter: blur(3px);
	opacity: 1;
}
.overlay .menu_bg_box{position: absolute;width: 100%;height: 100%;}
.overlay .menu_bg_box_wrap,
.overlay .menu_bg_box {
	transform: none!important;
}
.overlay .sns_links li{max-width: 20px;}
.overlay ul:not(.sns_links) li a{padding-bottom: 8px;}
	
.sns_links li{margin: 4%;}

.overlay .menu_box{
    backdrop-filter: none;
}
#header{
    background-color: transparent;
    align-items: flex-start;
}
#header #logo a {
    width: 70px;
    height: 70px;
    padding-top: 10px;
}
#logo img{
    max-width: 50px!important;
}
/*header::before{
    height: 70px;
}
#header .h_contents {
    right: 60px;
}
#header .mail_bt {
    width: 70px;
    height: 70px;
}*/
#logo {
    width: 70px!important;
    height: 70px;
}
#logo h1.logo {
    width: 100%!important;
}
#main_img {
    /*height: 650px;*/
    height: 40vh!important;
    min-height: 600px;
    margin-top: 0;
}
#main_img .main_img1{
    height: 65vw;
}
#main_img .main_img2 {
    bottom: 42%;
    height: 50vw;
}
.main_img_wrap .catch {
    bottom: 6%;
}
/*#contents1 {
    background-size: 400px;
}
#contents2 {
    background-position: top 45vw right -30vw, top 260vw left -30vw, bottom;
    background-size: 100%, 100%, 100%;
}
#contents2 .con2_img {
    margin-top: -70px;
}
#contents2 .con2_title1 {
    font-size: 40px;
}*/
#top_cms .top_cms_title p{
    font-size: 40px;
}
.cms_5-e .cate_box .box_title1, #cms_5-e .cate_box .box_title1, #cms_6-c .cate_box .box_title1{
    min-height: 3em;
}
.cms_5-e .cate_box::before, .cms_5-e .cate_box::after, #cms_5-e .cate_box::before, #cms_5-e .cate_box::after, #cms_6-c .cate_box::before, #cms_6-c .cate_box::after{
    top: calc(20px + 1.5em);
}
.cms_5-e .box_title1::before, #cms_5-e .box_title1::before, #cms_6-c .box_title1::before {
    top: calc(20px + 0.1em);
}
.more_bt{
    width: 180px!important;
}
#contents4 .con4_txt_wrap p:not(.etc) {
    background-size: 22px;
    padding-left: 30px;
}
#top_cms .top_cms_title h2{
    font-size: 40px;
}
#page_title {
    margin-bottom: 60px;
}
#page_title .page_title_inner {
    padding: 160px 20px;
}
#page_title .title_box {
    padding: 24px 0;
    width: 90%!important;
}
#page_title .title_box p{
    font-size: 28px;
    letter-spacing: 2px;
}
#page-top{right: 15px;}
#page-top a img {
    height: 30px;
    width: 30px;
}
.box_link{
    border-color: var(--color1)!important;
    color: var(--color1)!important;
    background-color: transparent!important;
}
#cms_2-g .cate_box_h .left_img::after{
    transform: rotate(90deg);
    right: 0;
    left: 0;
    top: auto;
    bottom: -50px;
}
#contents_links .box_wrap .box.first {
    width: 100% !important;
}
#contents_links .box_wrap .box {
    height: 90vw;
}
#page10 ul li {
    width: 90%!important;
}
#page10 ul li a::before {
    top: 2px;
    transform: scale(0.7);
}
#foot_info .footer_txt{
    font-size: 14px;
}
footer .info_txt {
    padding: 30px 0;
}
}