:root{--main-02: #F4B748;--main-03: #243F31;--gradient-01: linear-gradient(270deg,rgba(250, 187, 72, 1) 0%, rgba(237, 165, 37, 1) 100%);--gradient-02: linear-gradient(270deg,rgba(68, 95, 81, 1) 0%, rgba(36, 63, 49, 1) 100%)}@media (max-width: 1199px){.pcOnly{display:none!important}}@media (max-width: 989px) and (min-width: 1200px){.tbOnly{display:none!important}}@media (min-width: 990px){.spOnly{display:none!important}}@media (min-width: 1200px){.tb_and_sp{display:none!important}}@media (max-width: 989px){.pc_and_tb{display:none!important}}header{box-sizing:border-box;width:100vw;position:fixed;top:0;left:0;padding:10px var(--page-margin) 0;z-index:1000}header .content.pc_and_tb{display:flex;background:var(--main-03);border-radius:10px;box-shadow:0 2px 10px #00000060}header.transparent .content.pc_and_tb{background:transparent;box-shadow:0 2px 10px #0000;transition:all .3s ease-out}header.transparent.scroll .content.pc_and_tb{background:var(--main-03);box-shadow:0 2px 10px #00000060}header .pc_and_tb .main{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 20px;transition:all .3s ease-out}header .pc_and_tb .main .logo{width:auto;height:24px}header .pc_and_tb .main .logo a{display:block;width:100%;height:100%}header .pc_and_tb .main .logo a img{width:100%;height:100%}header .pc_and_tb .main ul.menu{display:flex;align-items:center;gap:40px;width:auto;margin:0;padding:0}header .pc_and_tb .main ul.menu li.menu__item{position:relative;font-size:12px;line-height:21px;color:#fff;font-weight:400;list-style:none}header .pc_and_tb .main ul.menu li.menu__item a{display:block;width:100%;height:100%;color:#fff;font-weight:700;letter-spacing:.1;transition:all .3s ease-out}header .pc_and_tb .main ul.menu li.menu__item:not(.contact__item):before{position:absolute;content:"";top:50%;left:-15px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;overflow:hidden;background:var(--main-02);opacity:0;visibility:hidden}header.transparent:not(.scroll) .content.pc_and_tb .main ul.menu li.menu__item:not(.contact__item) a{text-shadow:0 0px 8px #00000060}header:not(.color).scroll .content.pc_and_tb .main ul.menu li.menu__item:not(.contact__item) a{text-shadow:0 0px 8px #00000060}header .pc_and_tb .main ul.menu li.menu__item:not(.contact__item):hover:before{opacity:1;visibility:visible}header .pc_and_tb .main ul.menu li.menu__item.contact__item a{display:flex;justify-content:center;align-items:center;font-size:11px;height:36px;padding:0 20px;border-radius:5px;color:var(--main-03);background:var(--main-02);transform:scale(1);filter:brightness(1);transition:all .12s ease-out}header .pc_and_tb .main ul.menu li.menu__item a:hover{color:var(--main-02)}header .pc_and_tb .main ul.menu li.menu__item.contact__item a:hover{color:var(--main-03);filter:brightness(.9);transform:scale(.95)}header .spOnly .surface{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px}header .spOnly .surface .logo{position:relative;z-index:1000;width:44.7px;height:25px}header .spOnly .surface .logo a{display:block;width:100%;height:100%}header .spOnly .surface .logo a img{width:100%;height:100%}header .spOnly .surface .nav .menu__toggle{display:none}header .spOnly .surface .nav .hamburger{position:relative;z-index:1000;display:block;width:30px;height:16px}header .spOnly .surface .nav .hamburger span{position:absolute;left:50%;width:100%;height:3px;background:var(--main-02);opacity:1;transition:all .2s ease-out}header .spOnly .surface .nav .hamburger span:nth-child(1){top:0;transform:translate(-50%)}header .spOnly .surface .nav .hamburger span:nth-child(2){top:50%;transform:translate(-50%,-50%)}header .spOnly .surface .nav .hamburger span:nth-child(3){top:100%;transform:translate(-50%,-100%)}header .spOnly .surface .nav .menu__toggle:checked~.hamburger span:nth-child(1){height:2px;top:50%;transform:translate(-50%,-50%) rotate(30deg)}header .spOnly .surface .nav .menu__toggle:checked~.hamburger span:nth-child(2){opacity:0}header .spOnly .surface .nav .menu__toggle:checked~.hamburger span:nth-child(3){height:2px;top:50%;transform:translate(-50%,-50%) rotate(-30deg)}header .spOnly .surface .nav .main{position:absolute;z-index:999;top:0;left:0;width:100%;height:100vh;overflow:scroll;color:#fff;opacity:0;visibility:hidden;background:linear-gradient(270deg,#445f51,#243f31);padding:56px 0 20px;transform:scale(1.02);transition:all .2s ease-out}header .spOnly .surface .nav .menu__toggle:checked~.main{opacity:1;visibility:visible;transform:scale(1)}header .spOnly .surface .nav .main .contact{width:100%;border-top:solid 1px #aaa;border-bottom:solid 1px #aaa;padding:20px 15px}header .spOnly .surface .nav .main .contact .comment{text-align:center;font-size:18px;line-height:25px;font-weight:700}header .spOnly .surface .nav .main .contact .time{text-align:center;margin-top:27px;font-size:14px;line-height:18px}header .spOnly .surface .nav .main .contact .phone{display:flex;align-items:center;justify-content:center;text-align:center;margin-top:15px;font-size:22px;line-height:26px;font-weight:700}header .spOnly .surface .nav .main .contact .phone span{display:block;height:20px}header .spOnly .surface .nav .main .contact .phone svg{width:20px;height:20px}header .spOnly .surface .nav .main .contact .button__wrap{display:flex;justify-content:center;margin-top:15px;padding:0}header .spOnly .surface .nav .main .contact .button__wrap button{width:220px;height:40px;padding:0;border-radius:4px;overflow:hidden;border:none;box-shadow:0 4px 10px #00000020}header .spOnly .surface .nav .main .contact .button__wrap button a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:23px;font-weight:700;color:#111;background:#f4b748}header .spOnly .surface .nav .main .menu{width:100%;padding:25px 15px;list-style:none}header .spOnly .surface .nav .main .menu li{width:100%;height:60px;border-bottom:solid 1px #666}header .spOnly .surface .nav .main .menu li a{display:flex;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:100%;color:#fff;font-size:18px;font-weight:700;line-height:26px}header .spOnly .surface .nav .main .menu li a span{display:block;padding:0 8px;font-size:11px;line-height:20px;border-radius:2px;overflow:hidden;background:var(--gradient-01)}@media screen and (max-width: 989px){header{padding:0}section.homepage.contact .form__wrap{padding:30px;flex-direction:column}section.homepage.contact .form__wrap .form__inner:nth-child(1),section.homepage.contact .form__wrap .form__inner:nth-child(2){display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0}section.homepage.contact .form__wrap .form__inner:nth-child(2){border-left:none;padding-top:25px;margin-top:30px;border-top:solid 1px #dfdfdf}section.homepage.contact .form__wrap .form__inner .title{position:static;padding:0}section.homepage.contact .form__wrap .form__inner .title:after{display:none}section.homepage.contact .form__wrap .form__inner .description{text-align:center}section.homepage.sdgs .ico__wrap{gap:2px}section.homepage.sdgs .ico__wrap .ico{width:calc((100% - 2px * 5) / 6)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/ara-header.css.map */