@charset "utf-8";
#contact{text-align: center;margin: 0 auto}
#contact .middle{font-size: var(--forty);font-weight: bold;margin-top: var(--sixty);margin-bottom: var(--sixty);letter-spacing: 1px}
#contact .flex{display: flex;flex-direction: column;gap: var(--seventy);width: 57.292vw;margin: 0 auto;padding-bottom: var(--seventy)}
#contact .flex .mt{background-color: #f5f6f8;border-radius: var(--twenty);padding: var(--sixty) var(--hundred-z-eight) var(--eighty-five) var(--hundred-z-eight)}
#contact .flex .mt1{background-color: #f5c01e}
#contact .flex .one-flex{display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: center;}
#contact .flex .one-flex-1{padding: 0 5px;width: 6%}
#contact .flex .one-flex-1 img{width: var(--thirty);}
#contact .flex .one-flex-2{font-size: var(--thirty-eight);letter-spacing: 1px;font-weight: bold;text-align: left;width: 88%}
#contact .flex .one-flex-3{width: 6%;text-align: right}
#contact .flex .line{border-bottom:1px solid #cccccc;padding-top: var(--twenty-five);}
#contact .flex .three-flex{padding-top: var(--fifty);display: flex;flex-direction: column;gap: var(--ten)}
#contact .flex .three-flex .box{display: flex;justify-content: space-between;font-size: var(--forty);}
#contact .flex .three-flex .box .one{font-size: var(--twenty-five);width: 50%;text-align: left}
#contact .flex .three-flex .box .weight{font-weight: bold;font-size: var(--twenty-five)}
#contact .flex .three-flex .box a{color: #000000}
#contact .flex .four .middle{margin-top: 0;margin-bottom: var(--thirty)}
#contact .flex .four .m{font-size: var(--twenty);font-weight: bold;line-height: 1.8;}