@charset "UTF-8";*{margin:0;padding:0}html{font-size:16px;line-height:1.6;color:#191b1f}body{font-family:Helvetica Neue,Arial,Noto Sans JP,Hiragino Sans,Meiryo,sans-serif}:root{--color-000000: #000000;--color-333333: #333333;--color-979797: #979797;--color-E3E3E3: #e3e3e3}.container-fluid{padding:0 10px;max-width:1100px;transition:all .3s ease}@media (min-width: 768px){.container-fluid{padding:0 40px}}@media (min-width: 1440px){.container-fluid{padding:0}}a{text-decoration:none}ul,li{list-style-type:none;padding:0;margin:0}.box-heading{margin-bottom:50px}.main-menu-header li a{color:var(--color-333333);display:flex;align-items:center;gap:7px;transition:all .3s;font-size:14px;border-bottom:1px solid transparent}.main-menu-header li a:hover{border-bottom:1px solid var(--color-000000)}.main-menu-header li a .icon{display:flex;margin-top:-3px}.menu-aside-page{width:100%;max-width:100%;height:100vh;background-color:#fff;padding:1.429rem 0;transition:all .3s ease;position:fixed;top:0}.menu-aside-page.show{transform:translate(0);opacity:1;visibility:visible;z-index:99}.menu-aside-close{margin-right:10px}aside{transform:translate(100%);transition:.5s cubic-bezier(.645,.045,.355,1);opacity:0;visibility:hidden;background:var(--color-03447C);color:#fff}.header-middle{padding:20px 0}.banner-top{background-color:var(--color-E3E3E3);padding:50px 0}.banner-top .content{display:flex;align-items:center;flex-direction:column;gap:20px}.banner-top .content .text h1{font-weight:700}.banner-top .content .image img{width:100%;height:100%;object-fit:cover}.categories-product{padding-top:100px;padding-bottom:50px}.list-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.list-categories li{display:grid;grid-template-columns:30px 1fr;gap:10px}.list-categories li .img{border-radius:100%;overflow:hidden;height:30px}.list-categories li a{color:var(--color-333333)}.list-categories li .img img,.list-markers-blands li a img,.list-bussiness-occupation li .img img{width:100%;height:100%;object-fit:cover;object-position:top}.marker-blands{padding:50px 0}.list-markers-blands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.list-markers-blands li{position:relative}.list-markers-blands li a{display:block;height:215px;border-radius:11px;overflow:hidden}.list-markers-blands li a h6{position:absolute;bottom:0;color:var(--color-000000);font-weight:500;width:100%;text-align:center;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.list-bussiness-occupation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.list-bussiness-occupation li{text-align:center}.list-bussiness-occupation li h6{margin-top:15px;margin-bottom:0}.list-bussiness-occupation li h6 a{color:var(--color-000000);font-weight:500;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.list-bussiness-occupation .img{display:block;height:150px;border-radius:10px;overflow:hidden}.bussiness-occupation{padding-top:50px;padding-bottom:100px}footer{background-color:#e3e3e3}.main-footer{padding:30px 0}.content-main-footer{display:grid;row-gap:30px}footer a{color:var(--color-000000)}.title-category-menu{font-size:15px;font-weight:700}.main-footer .menu-footer li a{font-size:12px}.main-footer .menu-footer ul ul{padding-left:10px}.main-footer .introduction .logo{margin-bottom:15px;display:block}.main-footer .introduction p{font-size:12px;margin-bottom:0}.main-footer .introduction a{font-size:12px}.main-footer .introduction .sns-box{display:flex;gap:15px}.main-footer .introduction .sns-box a{width:16px;height:16px}.main-footer .introduction .sns-box a img{width:100%;height:100%;object-fit:contain}.footer-bottom .content{font-size:12px}.footer-bottom .content a{text-decoration:underline}.mega-sub-menu a{color:var(--color-000000)}@media (min-width: 768px) and (max-width: 1024px){.list-markers-blands{grid-template-columns:repeat(2,minmax(0,1fr))}.content-main-footer{grid-template-columns:30% 1fr 1fr 1fr 1fr 1fr}}@media (min-width: 1025px){.list-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.list-markers-blands{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 100px}.list-bussiness-occupation{grid-template-columns:repeat(4,minmax(0,1fr))}.content-main-footer{grid-template-columns:25% 1fr 1fr 1fr 1fr 1fr}.main-footer .introduction{padding-top:155px}}@media (min-width: 768px){.banner-top .content{flex-direction:row}.banner-top .content .text{width:50%}.banner-top .content .image{width:50%;max-height:540px}.list-markers-blands{gap:35px}.list-markers-blands li a h6,.list-bussiness-occupation li h6 a{font-size:16px}.list-markers-blands li a{height:240px}}.main-footer .container-fluid{max-width:1400px}.main-menu-header li{cursor:pointer}.main-menu-header .sub-menu{width:auto;min-width:80px;white-space:nowrap;visibility:hidden;opacity:0;position:absolute;margin:16px 0 0;background-color:#fff;transition:visibility 0s .3s,opacity .3s;min-width:165px;overflow:hidden;width:100%;left:0;padding:30px 0}.main-menu-header .sub-menu li{padding:5px 0}.main-menu-header li:hover>.sub-menu{display:block;visibility:visible;opacity:1;z-index:999;transition:visibility 0s,opacity .3s}.main-menu-header .sub-menu .content{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.main-menu-header .sub-menu .content .title-column{margin-bottom:5px;display:block;font-weight:700;padding-right:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-menu-header .sub-menu .menu-child-column{margin-bottom:1rem}.main-menu-header .sub-menu .menu-child-column ul{font-size:12px}.main-menu-header .sub-menu .menu-child-column li .icon{left:0;opacity:0;position:absolute;top:4px;transform:translate(-20px);transition:transform .3s cubic-bezier(.23,1,.32,1),visibility .3s cubic-bezier(.23,1,.32,1);visibility:hidden;width:100%}.main-menu-header .sub-menu .menu-child-column ul li{position:relative}.main-menu-header .sub-menu .menu-child-column ul li:hover a{color:var(--color-primary)}.main-menu-header .sub-menu .menu-child-column ul li:hover a .icon{opacity:1;pointer-events:auto;transform:translate(0);visibility:visible}.main-menu-header .sub-menu .menu-child-column ul li a div{transform:translate(0);transition:transform .3s cubic-bezier(.23,1,.32,1),visibility .3s cubic-bezier(.23,1,.32,1);padding-right:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-menu-header .sub-menu .menu-child-column ul li:hover a div{transform:translate(20px)}.menu-child-mobile{position:absolute;background:#eee;opacity:.98;width:100%;top:95px;left:0;z-index:10}.menu-child-mb-dropdown li>.mb-header{position:relative;display:flex;align-items:center;padding:0 15px;background-color:#e9e9e9;justify-content:space-between;transition:all .1s;height:44px}.menu-child-mb-dropdown li>.mb-header a{display:flex;gap:10px;color:#333;font-weight:400;font-size:12px;width:100%}.menu-child-mb-dropdown li .img{width:20px;height:20px;overflow:hidden;display:block}.menu-child-mb-dropdown li .img img{width:100%;height:100%;object-fit:cover}.menu-child-mb-dropdown .mb-header .button-action{padding-left:10px;padding-top:10px;padding-bottom:10px}.menu-child-mb-dropdown .mb-header.active{background-color:#f8b600}.menu-child-mb-dropdown .mb-header.active .button-action svg{transform:rotate(180deg)}.menu-child-mb-dropdown .sub-list .mb-header{background-color:#fff;padding-left:46px;height:40px}.menu-child-mb-dropdown .sub-list .mb-header .button-action svg{width:10px;height:10px}.sub-list .mb-header .button-action svg path{fill:#f8b600}.menu-child-mobile-type-tabs .nav-link{font-size:12px;font-weight:400;width:50%;border-radius:0;position:relative;color:#333}.menu-child-mobile-type-tabs .nav-link.active{color:#f8b600;background-color:transparent;border:0}.menu-child-mobile-type-tabs .nav-link.active:after{content:"";width:100%;height:2px;background-color:#f8b600;display:block;position:absolute;bottom:0;left:0}.header-menu-mobile .list-items-menu-child-tabs li a{display:flex;align-items:center;padding:10px;color:#333;font-weight:400;font-size:12px}.list-items-menu-child-tabs li{border-bottom:1px solid #ddd}.list-items-menu-child-tabs li a .img{position:relative;display:block;width:32px;height:32px;margin-right:10px;border-radius:100%;overflow:hidden;background:#fff}.list-items-menu-child-tabs li a .img img{width:100%;height:100%;object-fit:contain}
