@charset "UTF-8";:root{--font: #464646;--black: #000000;--gray: #F0F0F0;--cover: #F5F5F5;--white: #FFFFFF;--primary: #0000EE;--success: #008000;--success-cover: #edffec;--warning: #ffee00;--warning-cover: #fffdec;--error: #ff0000;--error-cover: #ffecec;--tag: #2386ff;--tag-cover: #e5f1fb;--main: #113a57;--sub1: #f5e298;--sub1-hover: #f5e298bf;--sub2: #fadd82;--sub1-gradation: linear-gradient(to left, rgb(189, 140, 0), rgb(221, 181, 72), rgb(250, 221, 130));--sub2-gradation: linear-gradient(to right, #fadd82, #f8e4a2, #f4de8f);--hokkaido: #113a57;--kanto: rgb(0, 144, 198);--chubu: rgb(37, 174, 42);--kansai: rgb(237, 120, 0);--chugoku: rgb(0, 105, 55);--kyushu: rgb(212, 47, 51)}*{font-family:Noto Sans JP,sans-serif;font-size:16px;color:var(--black);line-height:1.7em}@media screen and (max-width: 767px){*{margin-top:0}}html *{box-sizing:border-box!important}body{margin:0;overflow-x:hidden}body.noscroll{overflow:hidden}@media screen and (max-width: 767px){html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}}img{display:block;max-width:100%;width:100%;height:auto;image-rendering:-webkit-optimize-contrast}h1,h2,h3,h4{margin:0;scroll-margin-top:100px}a,button,input[type=submit],input[type=button],label{cursor:pointer}a:hover,button:hover,input[type=submit]:hover,input[type=button]:hover,label:hover{opacity:.7}a{text-decoration:none;color:var(--font);cursor:pointer}p{margin:0}.fz-14pt{font-size:14px}.fz-16pt{font-size:16px}.fz-18pt{font-size:18px}@media screen and (max-width: 767px){.fz-18pt{font-size:16px}}.fz-20pt{font-size:20px}@media screen and (max-width: 767px){.fz-20pt{font-size:18px}}.fz-22pt{font-size:22px}@media screen and (max-width: 767px){.fz-22pt{font-size:20px}}.fz-24pt{font-size:24px}section{padding:200px 0}@media screen and (min-width: 768px) and (max-width: 1100px){section{padding:80px 0}}@media screen and (max-width: 767px){section{padding:60px 0}}.wrap{width:100%;max-width:1100px;margin:0 auto;overflow-y:visible}@media screen and (max-width: 1100px){.wrap{padding-left:20px;padding-right:20px}}.breadcrumb ul{list-style:none;display:flex;flex-wrap:wrap;padding:20px 0;margin:0}.breadcrumb li{display:flex;align-items:center;color:var(--main)}.breadcrumb li+li:before{content:"＞";margin:0 5px;color:var(--main)}.breadcrumb a{text-decoration:none;color:var(--main)}.breadcrumb a:hover{text-decoration:underline}.content{width:800px;margin:0 auto;overflow-y:visible}@media screen and (max-width: 1100px){.content{padding-left:20px;padding-right:20px;width:100%;margin:0}}.section-title{font-size:30px;font-weight:700;text-align:center;margin-bottom:40px}@media screen and (max-width: 767px){.section-title{font-size:24px;margin-bottom:20px}}.belt-title{font-size:29px;text-align:center;padding:10px 0;color:var(--white);background:var(--sub1-gradation)}.belt-title font{color:var(--white)}@media screen and (max-width: 767px){.belt-title{font-size:22px}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;row-gap:40px}@media screen and (max-width: 767px){.grid{grid-template-columns:repeat(1,1fr)}}.grid-half{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;row-gap:40px}@media screen and (max-width: 767px){.grid-half{grid-template-columns:repeat(1,1fr)}}.top-scroll{width:70px;height:70px;position:fixed;bottom:10px;right:10px;z-index:3;opacity:.9;cursor:pointer;border:none;border-radius:999px;background-color:#fff0;background-image:url(/img/ui/to-top.webp);background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .3s ease;opacity:1}.top-scroll:hover{opacity:.8}@media screen and (max-width: 767px){.top-scroll{width:50px;right:0;bottom:60px}}@media screen and (min-width: 768px){.phone-number{display:inline;text-wrap:nowrap;pointer-events:none;cursor:default}}@media screen and (max-width: 1100px){.pc-only{display:none}}.pc-tablet-only{display:none}@media screen and (min-width: 768px){.pc-tablet-only{display:initial!important}}.tablet-only{display:none}@media screen and (min-width: 768px) and (max-width: 1100px){.tablet-only{display:initial!important}}.sp-only{display:none}@media screen and (max-width: 767px){.sp-only{display:initial!important}}#header{position:fixed;top:0;left:0;z-index:1000;width:100%;height:80px;padding:15px 0;background-color:var(--main)}#header .header-wrap{display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 3%}@media screen and (min-width: 1141px) and (max-width: 1280px){#header .header-wrap{padding:0;max-width:1100px;margin:auto}}@media screen and (max-width: 767px){#header .header-wrap{padding:0 20px}}#header .header-wrap .header-left{position:relative;display:flex;align-items:center;width:50%;height:100%}@media screen and (max-width: 1100px){#header .header-wrap .header-left{width:calc(100% - 60px)}}@media screen and (max-width: 767px){#header .header-wrap .header-left{width:calc(100% - 50px)}}@media screen and (max-width: 767px){#header .header-wrap .header-left .header-link{width:57%}}#header .header-wrap .header-left .gtranslate{position:absolute;top:2px;left:320px;width:125px}@media screen and (min-width: 768px) and (max-width: 1100px){#header .header-wrap .header-left .gtranslate{left:auto;right:0}}@media screen and (max-width: 767px){#header .header-wrap .header-left .gtranslate{top:4px;left:auto;right:0;width:120px}}#header .header-wrap .header-left .gtranslate .gt-lang-code{color:var(--sub1)}#header .header-wrap .header-left .gtranslate:hover{background:none}#header .header-wrap .header-left .gt_selected{padding-left:10px;border:3px solid var(--sub1);border-radius:999px;background:var(--main);z-index:998}#header .header-wrap .header-left .gt_selected a{display:flex;width:100%;height:100%;padding:5px 0 5px 10px;border:none;border-radius:999px;color:var(--sub1);background-color:var(--main)}@media screen and (max-width: 767px){#header .header-wrap .header-left .gt_selected a{padding:3px 0 3px 5px}}#header .header-wrap .header-left .gt_selected a img{margin-right:10px}#header .header-wrap .header-left .gt_selected a:after{background-image:url(/img/icons/machinavi/arrow_down.svg)}#header .header-wrap .header-left .gt_selected .open{color:var(--sub1)}#header .header-wrap .header-left .gt_selected .open:hover{background:#fff0}#header .header-wrap .header-left .gt_switcher{width:125px}@media screen and (max-width: 767px){#header .header-wrap .header-left .gt_switcher{width:120px}}#header .header-wrap .header-right{width:550px;height:100%;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 1100px){#header .header-wrap .header-right{width:40px;justify-content:end}}#header .header-wrap .header-right .shop-search{width:35%;position:relative}@media screen and (max-width: 1100px){#header .header-wrap .header-right .shop-search{display:none}}#header .header-wrap .header-right .shop-search .search-btn{display:block;width:100%;height:100%;font-weight:500;border:none;color:var(--sub1);background-color:#0000}#header .header-wrap .header-right .shop-search .search-btn:after{content:"▼"}#header .header-wrap .header-right .shop-search .search-btn font{color:var(--sub1)}#header .header-wrap .header-right .shop-search #scroll-pulldown{position:absolute;top:40px;left:0;display:block;width:100%;max-height:0;overflow:hidden;transition:max-height .4s ease-out}#header .header-wrap .header-right .shop-search #scroll-pulldown .pulldown-link{display:block;width:100%;padding:7px 10px;border:1px solid var(--white);color:var(--main);background-color:var(--white);cursor:pointer}#header .header-wrap .header-right .shop-search #scroll-pulldown .pulldown-link:hover{opacity:1;color:var(--white);background-color:var(--main)}#header .header-wrap .header-right .contact-link{display:flex;justify-content:center;align-items:center;width:45%;height:100%;font-weight:500;text-align:center;border:none;border-radius:999px;color:var(--main);background-color:var(--sub1)}@media screen and (max-width: 1100px){#header .header-wrap .header-right .contact-link{display:none}}#header .header-wrap .header-right .contact-link font{color:var(--main)}#header-space{padding:40px 0;background-color:var(--main)}#footer{background-color:var(--main)}#footer .main-content{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;width:100%;max-width:1100px;height:270px;margin:auto}@media screen and (max-width: 767px){#footer .main-content{width:100%;max-width:100%;padding:0 20px}}#footer .main-content .machinavi-logo{width:450px;margin-bottom:30px}#footer .main-content .footer-links{display:flex;justify-content:space-around;align-content:center;flex-wrap:wrap;width:100%}#footer .main-content .footer-links .footer-link a{color:var(--sub1)}#footer .main-content .footer-links .footer-link a:hover{text-decoration:underline}#footer .main-content .footer-links .footer-link a font{color:var(--sub1)}#footer .copyright{width:100%;color:var(--main);text-align:center;padding:20px 0;background:var(--sub1-gradation)}@media screen and (max-width: 767px){#footer .copyright{width:100%;text-align:center;font-size:14px}}#overlay{position:fixed;bottom:-100px;left:0;z-index:500;display:flex;align-items:center;width:100%;height:70px;background-color:var(--black);transition:bottom .5s ease-in-out}@media screen and (min-width: 768px){#overlay{display:none}}#overlay .overlay-link{display:flex;justify-content:center;align-items:center;width:23%;height:100%;font-size:16px;line-height:18px;color:var(--white);border-top:1px solid var(--white);border-right:.5px solid var(--white);border-left:.5px solid var(--white)}@media screen and (max-width: 350px){#overlay .overlay-link{font-size:14px}}#overlay .overlay-link:hover,#overlay .overlay-link:active{background-color:var(--main)}#overlay .contact{width:31%}#overlay.show{bottom:0}.ui-drawer .drawer-wrap .drawer-menu{transition:all 1s 0s ease;position:fixed;top:0;background-color:#113a57;opacity:.8;box-sizing:border-box;z-index:999;width:280px;height:100vh;right:-280px}.ui-drawer .drawer-wrap .drawer-body{padding-top:50px}.ui-drawer .drawer-wrap .drawer-body .drawer-item{text-align:initial;padding:12px 10px}.ui-drawer .drawer-wrap .drawer-body .drawer-item:hover{cursor:pointer}.ui-drawer .drawer-wrap .drawer-body .drawer-item a,.ui-drawer .drawer-wrap .drawer-body .drawer-item .drawer-link{width:100%;text-decoration:none;color:#fff;display:inline-block;position:relative}.ui-drawer .drawer-wrap .drawer-body .drawer-item a:after,.ui-drawer .drawer-wrap .drawer-body .drawer-item .drawer-link:after{position:absolute;bottom:-5px;left:0;content:"";width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:left top;transition:transform .5s}.ui-drawer .drawer-wrap .drawer-body .drawer-item a:hover:after,.ui-drawer .drawer-wrap .drawer-body .drawer-item .drawer-link:hover:after{transform:scale(1)}.ui-drawer .drawer-wrap .drawer-body .drawer-item .drawer-scroll{width:100%;text-align:start;padding:0;border:0;color:#fff;background-color:#fff0;position:relative}.ui-drawer .drawer-wrap .drawer-body .drawer-item .drawer-scroll:after{position:absolute;bottom:-5px;left:0;content:"";width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:left top;transition:transform .5s}.ui-drawer .drawer-wrap .drawer-body .drawer-item .drawer-scroll:hover:after{transform:scale(1)}.ui-drawer .open-drawer{opacity:1;transform:translate(-280px);right:0}.ui-drawer .close-drawer{opacity:0;transform:translate(280px);right:-280px}.ui-drawer .back-gray{display:none;position:fixed;z-index:998;top:0;right:0;width:100%;height:100%;background-color:#fff;opacity:.5}.ui-drawer .back-gray-show{display:block}.ui-drawer .btn-trigger{position:relative;width:40px;height:100%;cursor:pointer;z-index:1000}.ui-drawer .btn-trigger img{margin:auto;display:block}.drawer-link font{color:var(--white)}