@charset "utf-8";


/* eyecatch */
.eyecatch {
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.eyecatch-inner {
    max-width: 1200px;
    margin: 0 auto;
}
.eyecatch_txt {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: min(50vw/12, 50px);
    color: #fff;
    font-weight: 700;
    text-align: center;
}
.eyecatch_txt span {
    font-size: min(32vw/12, 32px);
}
@media(min-width:1201px) {
    .eyecatch-inner {
        max-width: 1920px;
    }
}
@media(max-width:780px) {
    .eyecatch-inner {
        max-width: 780px;
    }
    .eyecatch_txt {
        font-size: min(58vw/7.8, 58px);
    }
    .eyecatch_txt span {
        font-size: min(38vw/7.8, 38px);
    }
} 


/* **********
    oder-title
 ********** */
.oder-title {
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: min(20vw/12, 20px);
}
.oder-title h2 {
    font-size: min(50vw/12, 50px);
    font-weight: 700;
    letter-spacing: 0.01em;
    font-weight: 700;
    line-height: 0.6em;
    color: #7c050b;

}
.oder-title::before,
.oder-title::after {
    content:"";
    flex-grow: 1;  /* 線の伸び率 */
    border-bottom: min(3vw/12, 3px) solid #7c050b;
}
.oder-title::before{
    margin-right: min(20vw/12, 20px);
    padding-left: min(20vw/12, 20px);
}
.oder-title::after{
    margin-left: min(20vw/12, 20px);
    padding-right: min(20vw/12, 20px);
}
.title-cap {
    font-size: min(26vw/12, 26px);
    font-weight: 700;
    line-height: 1.375;
    letter-spacing: 0.02em;
    flex-shrink: 0;
    margin: 0 auto;
    color: #7c050b;
}
@media(max-width:780px) {
    .oder-title {
        margin: 0 calc(50% - 50vw) min(20vw/7.8, 20px);
    }
    .oder-title h2 {
        font-size: min(62vw/7.8, 62px);
    }
    .oder-title::before,
    .oder-title::after {
        border-bottom: min(3vw/7.8, 3px) solid #7c050b;
    }
    .oder-title::before{
        margin-right: min(20vw/7.8, 20px);
        padding-left: min(20vw/7.8, 20px);
    }
    .oder-title::after{
        margin-left: min(20vw/7.8, 20px);
        padding-right: min(20vw/7.8, 20px);
    }
    .title-cap {
        font-size: min(30vw/7.8, 30px);
    }
}


/* **********
    oder
 ********** */
.oder {
    max-width: 1200px;
    margin: 0 auto;
}
.oder-inner {
    padding: min(140vw/12, 140px) min(80vw/12, 80px) min(140vw/12, 140px);
    position: relative;
}
.oder-caution {
    padding: min(20vw/12, 20px) min(80vw/12, 80px) min(20vw/12, 20px);
    font-size: min(18vw/12, 18px);
    color: #7c050b;
    text-align: center;
}
@media(max-width:780px) {
    .oder {
        max-width: 780px;
    }
    .oder-inner {
        padding: min(140vw/7.8, 140px) min(40vw/7.8, 40px) min(120vw/7.8, 120px);
        position: relative;
    }
    .oder-caution {
        padding: min(20vw/7.8, 20px) min(40vw/7.8, 40px) min(20vw/7.8, 20px);
        font-size: min(28vw/7.8, 28px);
        text-align: left;
    }
}


/* **************
    takeOut-area
 ************** */
.takeOut-area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min(40vw/12, 40px);
    margin-top: min(80vw/12, 80px);
    margin-bottom: min(180vw/12, 180px);
}
.takeOut-area_thumb01, .takeOut-area_thumb02 {
    position: relative;
}
.takeOut-area_thumb01 img, .takeOut-area_thumb02 img {
    width: min(520vw/12, 520px);
    height: min(520vw/12, 520px);
}
.takeOut-area_thumb01::before {
    position: absolute;
    content: "";
    background-image: url(../img/icon_text05.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: max(-80vw/12, -80px);
    left: max(-20vw/12, -20px);
    width: min(178vw/12, 178px);
    height: min(178vw/12, 178px);
}
.takeOut-area_thumb02::before {
    position: absolute;
    content: "";
    background-image: url(../img/icon_text06.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: max(-80vw/12, -80px);
    left: max(-20vw/12, -20px);
    width: min(178vw/12, 178px);
    height: min(178vw/12, 178px);
}
.takeOut-txt_area {
    position: relative;
    font-family: "fot-tsukuardgothic-std", sans-serif;
}
.takeOut-txt_area .takeOut-txt_area_title {
    font-size: min(26vw/12, 26px);
    font-weight: 700;
    color: #131313;
    padding-bottom: min(20vw/12, 20px);
}
.takeOut-txt_area .takeOut-txt_area_title02 {
    font-size: min(22vw/12, 22px);
    font-weight: 700;
    color: #131313;
    padding: min(20vw/12, 20px) 0;
}
.takeOut-txt_area .takeOut-txt_area_cap {
    display: inline-block;
    font-size: min(18vw/12, 18px);
}
.takeOut-txt_area .takeOut-txt_area_cap02 {
    display: inline-block;
    font-size: min(16vw/12, 16px);
}
.takeOut-txt_area .oder-price {
    font-size: min(20vw/12, 20px);
    line-height: 2.2em;
    color: #131313;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.takeOut-txt_area .oder-price span {
    font-size: min(18vw/12, 18px);
}
.takeOut-txt_area .takeOut-left, .takeOut-txt_area .takeOut-right {
    flex: 0 1 auto;
}
.takeOut-txt_area .center-line {
    padding: min(20vw/12, 20px) min(15vw/12, 15px);
    flex-grow: 2;
}
.takeOut-txt_area .center-line hr {
    border-width: min(2vw/12, 2px) 0px 0px 0px;
    border-style: dotted;
    border-color: #131313;
}
.takeOut-txt_box {
    position: relative;
    padding: min(20vw/12, 20px) min(20vw/12, 20px) min(100vw/12, 100px);
    background-color: #f0e3c1;
    margin-top: min(10vw/12, 10px);
}
.takeOut-txt_box p {
    font-size: min(18vw/12, 18px);
    line-height: 1.75em;
    color: #131313;
}
.takeOut-txt_box span {
    color:#7c050b;
    font-weight: 700;
}
.takeOut-txt_box_frame {
    border: 1px solid #7d0a0a;
    padding: min(10vw/12, 10px) min(20vw/12, 20px);
    margin-top: min(10vw/12, 10px);
}
.takeOut-txt_box_frame p {
    color: #7d0a0a;
    font-size: min(20vw/12, 20px);
    font-weight: 700;
}
.takeOut-txt_thumb {
    display: flex;
}
.takeOut-txt_thumb img {
    width: min(200vw/12, 200px);
    height: min(200vw/12, 200px);
}
.takeOut-txt_thumb li.thumb01:first-child {
    position: absolute;
    bottom: max(-50vw/12, -50px);
    left: min(30vw/12, 30px);
}
.takeOut-txt_thumb li.thumb01:last-child {
    position: absolute;
    bottom: max(-80vw/12, -80px);
    right: min(30vw/12, 30px);
}
.takeOut-txt_thumb li.thumb02:first-child {
    position: absolute;
    bottom: max(-60vw/12, -60px);
    left: min(30vw/12, 30px);
}
.takeOut-txt_thumb li.thumb02:last-child {
    position: absolute;
    bottom: max(-30vw/12, -30px);
    right: min(30vw/12, 30px);
}
@media(max-width:780px) {
    .takeOut-area {
        grid-template-columns: 1fr;
        gap: min(40vw/7.8, 40px);
        margin-top: min(120vw/7.8, 120px);
        margin-bottom: min(300vw/7.8, 300px);
    }
    .takeOut-area_thumb01, .takeOut-area_thumb02 {
        margin: 0 auto;
    }
    .takeOut-area_thumb01 img, .takeOut-area_thumb02 img {
        width: min(660vw/7.8, 660px);
        height: min(660vw/7.8, 660px);
    }
    .takeOut-area_thumb01::before {
        top: max(-80vw/7.8, -80px);
        left: min(20vw/7.8, 20px);
        width: min(224vw/7.8, 224px);
        height: min(224vw/7.8, 224px);
    }
    .takeOut-area_thumb02::before {
        top: max(-80vw/7.8, -80px);
        left: min(20vw/7.8, 20px);
        width: min(224vw/7.8, 224px);
        height: min(224vw/7.8, 224px);
    }
    .takeOut-area_thumb01 {
        order: 1;
    }
    .takeOut-txt_area {
        order: 2;
    }
    .takeOut-txt_area .takeOut-txt_area_title {
        font-size: min(44vw/7.8, 44px);
        padding-bottom: min(20vw/7.8, 20px);
    }
    .takeOut-txt_area .takeOut-txt_area_title02 {
        font-size: min(44vw/7.8, 44px);
        padding: min(20vw/7.8, 20px) 0;
    }
    .takeOut-txt_area .takeOut-txt_area_cap {
        display: inline-block;
        font-size: min(26vw/7.8, 26px);
    }
    .takeOut-txt_area .takeOut-txt_area_cap02 {
        display: inline-block;
        font-size: min(26vw/7.8, 26px);
    }
    .takeOut-txt_area .oder-price {
        font-size: min(36vw/7.8, 36px);
    }
    .takeOut-txt_area .oder-price span {
        font-size: min(30vw/7.8, 30px);
    }
    .takeOut-txt_area .center-line {
        padding: min(30vw/7.8, 30px) min(20vw/7.8, 20px);
    }
    .takeOut-txt_area .center-line hr {
        border-width: min(3vw/7.8, 3px) 0px 0px 0px;
    }
    .takeOut-txt_box {
        padding: min(20vw/7.8, 20px) min(20vw/7.8, 20px) min(120vw/7.8, 120px);
        margin-top: min(10vw/7.8, 10px);
    }
    .takeOut-txt_box p {
        font-size: min(32vw/7.8, 32px);
    }
    .takeOut-txt_box_frame {
        border: min(1vw/7.8, 1px) solid #7d0a0a;
        padding: min(10vw/7.8, 10px) min(20vw/7.8, 20px);
        margin-top: min(10vw/7.8, 10px);
    }
    .takeOut-txt_box_frame p {
        font-size: min(36vw/7.8, 36px);
    }
    .takeOut-txt_thumb img {
        width: min(246vw/7.8, 246px);
        height: min(246vw/7.8, 246px);
    }
    .takeOut-txt_thumb li.thumb01:first-child {
        bottom: max(-130vw/7.8, -130px);
        left: min(80vw/7.8, 80px);
    }
    .takeOut-txt_thumb li.thumb01:last-child {
        position: absolute;
        bottom: max(-180vw/7.8, -180px);
        right: min(80vw/7.8, 80px);
    }
    .takeOut-txt_thumb li.thumb02:first-child {
        position: absolute;
        bottom: max(-160vw/7.8, -160px);
        left: min(80vw/7.8, 80px);
    }
    .takeOut-txt_thumb li.thumb02:last-child {
        position: absolute;
        bottom: max(-110vw/7.8, -110px);
        right: min(80vw/7.8, 80px);
    }
}


/* **************
    oder-area
 ************** */
.order-txt {
    padding: 0 min(40vw/12, 40px) min(60vw/12, 60px);
}
.order-txt h3 {
    font-weight: 700;
    font-size: min(28vw/12, 28px);
    padding-bottom: min(10vw/12, 10px);
}
.order-txt p {
    font-size: min(20vw/12, 20px);
    line-height: 1.75em;
}
.order-txt span {
    color: #ae0d15;
}
.order-area {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: min(20vw/12, 20px) min(40vw/12, 40px) min(40vw/12, 40px);
}
.order-area_note {
    font-size: min(26vw / 12, 26px);
    margin-bottom: min(40vw / 12, 40px);
}
.order-area picture {
    width: min(800vw/12, 800px);
    height: min(742vw/12, 742px);
    margin: 0 auto;
}
.order-area h3 {
    font-size: min(38vw/12, 38px);
    text-align: left;
    line-height: 1.5em;
    font-weight: bold;
    color: #7c050b;
    border-bottom: min(4vw/12, 4px) solid #7c050b;
    margin-bottom: min(40vw/12, 40px);
}
.order-area span {
    font-size: min(20vw/12, 20px);
    font-weight: bold;
}


/* order-table */
.order-table {
	width: 100%;
}
.order-table_txt {
    /* display: flex;
    justify-content: space-between;
    align-items: end; */
    margin-bottom: min(14vw / 12, 14px);
}
.order-table_head {
    font-size: min(28vw / 12, 28px);
    font-weight: 700;
    margin-bottom: min(10vw / 12, 10px);
}
.order-table_head__cap {
    color: #ae0d15;
    font-size: min(20vw/12, 20px);
    font-weight: 700;
    margin-bottom: min(20vw / 12, 20px);
    line-height: 1.5;
}
.order-table_cap {
    font-size: min(18vw / 12, 18px);
    line-height: 1.5;
    text-align: right;
}
.order-scroll {
    overflow: auto;
    white-space: nowrap;
    margin-bottom: min(60vw / 12, 60px);
}
.order-scroll table{
	width: 100%;
	margin: 0 auto;
}
.order-scroll table td {
    border: solid min(1vw / 12, 1px) #eee;
}
.order-scroll  table th, .order-scroll  table td {
	border: solid min(1vw / 12, 1px) #dedcc6;
	padding: min(10vw / 12, 10px);
	font-size: min(20vw / 12, 20px);
	vertical-align: middle;
}
.order-scroll table, .order-scroll  table td {
	text-align: center;
}
.order-scroll tr:nth-child(1) th {
    text-align: center;
    font-weight: 700;
}
.order-scroll th:nth-child(odd), .order-scroll td:nth-child(odd){
    background-color: #eee;
}
.order-scroll th {
    text-align: left;
    font-weight: 700;
}
.order-scroll table th.bg01 {
	color:#fff;
	background: #6645ab;
    text-align: left;
}
.order-scroll table th.bg02 {
	color:#fff;
	background: #5283b3;
}
.order-scroll table th.bg03 {
	color:#fff;
	background: #71b399;
}
.order-scroll table th.bg04 {
	color:#fff;
	background: #7cc3c6;
}
.order-scroll table th.bg05 {
    color:#fff;
	background: #787f23;
}
.order-scroll table th.bg06 {
    color:#fff;
	background: #c19b05;
}
.order-scroll table th.bg07{
    color:#fff;
	background: #4c7f23;
}
.order-scroll table th.bg08 {
    color:#fff;
	background: #ef7e00;
}
.order-scroll table th.bg09 {
    color:#fff;
	background: #f6451c;
}
.order-scroll table th.bg10 {
    color:#fff;
	background: #b02d33;
}
.order-scroll table th.bg11 {
    color:#fff;
	background: #ef7e7b;
}

.order-cap {
    padding-top: min(40vw/12, 40px);
    padding-bottom: min(60vw/12, 60px);
}
.order-cap li {
    font-size: min(20vw/12, 20px);
    line-height: 1.55em;
}

/* payment-area */
.payment-area {
    padding: min(40vw/12, 40px);
}
.payment-area_note li {
    font-size: min(20vw/12, 20px);
    line-height: 1.75em;
    margin-bottom: min(12vw/12, 12px);
}
.payment-area_note .cap-small {
    padding-top: min(20vw/7.8, 20px);
}
.payment-area_note .cap-small li {
    font-size: min(16vw/12, 16px);
    line-height: 1.75em;
    text-indent: -1em;
    padding-left: 1em;
    padding-bottom: min(10vw/12, 10px);
}
.payment-area_note span {
    color: #ae0d15;
}
.payment-area h3 {
    display: inline-block;
    font-size: min(34vw/12, 34px);
    text-align: left;
    line-height: 1.5em;
    font-weight: bold;
    color: #7c050b;
    border-bottom: min(4vw/12, 4px) solid #7c050b;
    margin-bottom: min(24vw/12, 24px);
}

@media(max-width:780px) {
    .order-txt {
        padding: 0 0 min(40vw/7.8, 40px);
    }
    .order-txt h3 {
        font-weight: 700;
        font-size: min(44vw/7.8, 44px);
        padding-bottom: min(20vw/7.8, 20px);
    }
    .order-txt p {
        font-size: min(26vw/7.8, 26px);
    }
    .order-area {
        padding: min(40vw/7.8, 40px);
        margin: 0 calc(50% - 50vw);
    }
    .order-area_note {
        font-size: min(30vw / 7.8, 30px);
        margin-bottom: min(40vw / 7.8, 40px);
    }
    .order-area picture {
        width: min(700vw/7.8, 700px);
        height: min(648vw/7.8, 648px);
    }
    .order-area h3 {
        font-size: min(40vw/7.8, 40px);
        border-bottom: min(4vw/7.8, 4px) solid #7c050b;
        margin-bottom: min(40vw/7.8, 40px);
    }
    .order-area span {
        font-size: min(26vw/7.8, 26px);
    }

    /* order-table */
    .order-table {
        width: 100%;
    }
    .order-table_txt {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: min(20vw / 7.8, 20px);
    }
    .order-table_head {
        font-size: min(36vw / 7.8, 36px);
        margin-bottom: min(10vw / 7.8, 10px);
    }

    .order-table_head__cap {
        font-size: min(26vw / 7.8, 26px);
    }

    .order-table_cap {
        font-size: min(26vw / 7.8, 26px);
        text-align: left;
    }
    .order-scroll {
        overflow: auto;
        white-space: nowrap;
        margin-bottom: min(80vw / 7.8, 80px);
    }
    .order-scroll table td {
        border: solid min(1vw / 7.8, 1px) #eee;
    }
    .order-scroll  table th, .order-scroll  table td {
        border: solid min(1vw / 7.8, 1px) #dedcc6;
        padding: min(15vw / 7.8, 15px);
        font-size: min(30vw / 7.8, 30px);
    }

    .order-cap {
        padding-top: min(40vw/7.8, 40px);
        padding-bottom: min(80vw/7.8, 80px);
    }
    .order-cap li {
        font-size: min(26vw/7.8, 26px);
    }

    /* payment-area */
    .payment-area {
        padding: min(40vw/7.8, 40px) 0;
    }
    .payment-area_note li {
        font-size: min(32vw/7.8, 32px);
        line-height: 1.55;
        margin-bottom: min(20vw/7.8, 20px);
    }
    .payment-area_note .cap-small {
        padding-top: min(40vw/7.8, 40px);
    }
    .payment-area_note .cap-small li {
        font-size: min(26vw/7.8, 26px);
        padding-bottom: min(10vw/7.8, 10px);
    }
    .payment-area_note span {
        color: #ae0d15;
    }
    .payment-area h3 {
        display: inline-block;
        font-size: min(40vw/7.8, 40px);
        text-align: left;
        line-height: 1.5em;
        font-weight: bold;
        color: #7c050b;
        border-bottom: min(4vw/7.8, 4px) solid #7c050b;
        margin-bottom: min(24vw/7.8, 24px);
    }
}


/* contact-btn */
.contact-btn {
    margin-top: min(40vw/12, 40px);
    margin-left: min(40vw/12, 40px);
    display: block;
    width: min(470vw/12, 470px);
    height: min(70vw/12, 70px);
    background: #ead196;
    border-radius: min(20vw/12, 20px);
}
.contact-btn:hover {
    opacity: 0.7!important;
}
.contact-btn-txt {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    font-size: min(22vw/12, 22px);
    color: #7c050b;
    font-weight: 700;
    padding: min(20vw/12, 20px) min(10vw/12, 10px);
}
.contact-btn-txt::before {
    content: "";
    display: inline-block;
    width: min(35vw/12, 35px);
    height: min(28vw/12, 28px);
    background-image: url(../img/icon_mail.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: min(20vw/12, 10px);
    margin-left: min(20vw/12, 20px);
}
.contact-btn-txt::after {
    content: "";
    position: absolute;
    right: 6%;
    bottom: 40%;
    width: min(110vw / 12, 110px);
    height: min(10vw / 12, 10px);
    border-right: min(2vw/12, 2px) solid #7c050b;
    border-bottom: min(2vw/12, 2px) solid #7c050b;
    transform: skew(45deg);
}
@media(max-width:780px) { 
    .contact-btn {
        margin-top: min(40vw/7.8, 40px);
        margin-left: 0;
        width: min(500vw/7.8, 500px);
        height: min(70vw/7.8, 70px);
        border-radius: min(20vw/7.8, 20px);
    }
    .contact-btn-txt {
        font-size: min(24vw/7.8, 24px);
        font-weight: 700;
        padding: min(20vw/7.8, 20px) min(10vw/7.8, 10px);
    }
    .contact-btn-txt::before {
        width: min(35vw/7.8, 35px);
        height: min(28vw/7.8, 28px);
        margin-right: min(20vw/7.8, 10px);
        margin-left: min(20vw/7.8, 20px);
    }
    .contact-btn-txt::after {
        right: 6%;
        bottom: 40%;
        width: min(110vw/7.8, 110px);
        height: min(10vw/7.8, 10px);
        border-right: min(3vw/7.8, 3px) solid #7c050b;
        border-bottom: min(3vw/7.8, 3px) solid #7c050b;
    }
}


/* 注文フォーム */
.iframe-wrapper {
    position:relative;
}
.iframe-wrapper iframe {
    height: min(1300vw/12, 1300px);
}
@media(max-width:918px) { 
    .iframe-wrapper iframe {
        height: min(2800vw/9.18, 2800px);
    }
}
@media(max-width:780px) { 
    .iframe-wrapper iframe {
        height: min(2700vw/7.8, 2700px);
    }
}


/* fax-btn */
/* .fax-area {
    margin-top: min(80vw/12, 80px);
    display: flex;
    justify-content: flex-end;
}
.fax-area li:first-child {
    margin-right: min(40vw/12, 40px);
}
.fax-txt {
    font-size: min(18vw/12, 18px);
    line-height: 1.75em;
    text-indent: -1em;
    padding-left: 1em;
}
.fax-txt span {
    font-size: min(30vw/12, 30px);
    font-weight: 700;
}
.fax-btn {
    display: block;
    width: min(400vw/12, 400px);
    height: min(100vw/12, 100px);
    background: #ead196;
    border-radius: min(20vw/12, 20px);
}
.fax-btn:hover {
    opacity: 0.7!important;
}
.fax-btn-txt {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    font-size: min(22vw/12, 22px);
    color: #7c050b;
    font-weight: 700;
    padding: min(10vw/12, 10px);
}
.fax-btn-txt::before {
    content: "";
    display: inline-block;
    width: min(73vw/12, 73px);
    height: min(73vw/12, 73px);
    background-image: url(../img/icon_fax.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: min(20vw/12, 10px);
    margin-left: min(20vw/12, 20px);
}
.fax-btn-txt::after {
    content: "";
    position: absolute;
    right: 10%;
    bottom: 30%;
    width: min(110vw/12, 110px);
    height: min(10vw/12, 10px);
    border-right: min(2vw/12, 2px) solid #7c050b;
    border-bottom: min(2vw/12, 2px) solid #7c050b;
    transform: skew(45deg);
}
@media(max-width:780px) {
    .fax-area {
        flex-direction: column;
        margin-top: min(80vw/7.8, 80px);
    }
    .fax-area li:first-child {
        margin: 0 0 min(20vw/7.8, 20px);
    }
    .fax-txt {
        font-size: min(26vw/7.8, 26px);
    }
    .fax-txt span {
        font-size: min(36vw/7.8, 36px);
    }
    .fax-btn {
        width: min(420vw/7.8, 420px);
        height: min(120vw/7.8, 120px);
        border-radius: min(20vw/7.8, 20px);
    }
    .fax-btn-txt {
        font-size: min(26vw/7.8, 26px);
        padding: min(20vw/7.8, 20px);
    }
    .fax-btn-txt::before {
        width: min(73vw/7.8, 73px);
        height: min(73vw/7.8, 73px);
        margin-right: min(20vw/7.8, 10px);
        margin-left: min(20vw/7.8, 20px);
    }
    .fax-btn-txt::after {
        right: 8%;
        bottom: 30%;
        width: min(100vw/7.8, 100px);
        height: min(10vw/7.8, 10px);
        border-right: min(3vw/7.8, 3px) solid #7c050b;
        border-bottom: min(3vw/7.8, 3px) solid #7c050b;
    }
} */