html,body{height:100%}html{font-size:62.5%}@media screen and (max-width: 767px){html{width:100%}}body{-webkit-text-size-adjust:100%;width:100%;color:#201f1f;font-family:"Noto Sans JP",sans-serif;font-weight:400;line-height:1.5;font-size:1.6rem}body.is_fixed{width:100%;height:100%;overflow:hidden}@media screen and (max-width: 1200px){body{min-width:inherit;line-height:1.63}}body,h1,h2,h3,h4,h5,h6,p,address,ul,ol,li,dl,dt,dd,table,th,td,img,form,figure{margin:0;padding:0;border:none;list-style-type:none;font-style:normal;letter-spacing:.1em}*{box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;word-break:normal;line-break:strict}@media(min-width: 768px){a[href*="tel:"]{text-decoration:none;cursor:default;pointer-events:none}a:hover{opacity:.7}}img{max-width:100%;height:auto;vertical-align:top}main{display:block}strong{font-weight:700}a{color:#201f1f;text-decoration:none;outline:none;transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1)}input,button,textarea,select{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}body{background:#fff}.pc{display:block}@media screen and (max-width: 767px){.pc{display:none !important}}.sp{display:none !important}@media screen and (max-width: 767px){.sp{display:block !important}}.clearfix::after{content:"";display:block;clear:both}.tac,.tac *{text-align:center}.en{font-family:"Barlow Condensed",sans-serif}.wrap{max-width:120rem;margin:0 auto}@media screen and (max-width: 1200px){.wrap{width:85.7142857143vw}}@media screen and (max-width: 767px){.wrap{width:89.7435897436vw}}.flex{display:flex}.fadeup{opacity:0;transform:translateY(20px);transition-duration:.5s}.fadeup.on{opacity:1;transform:translateY(0)}@keyframes transformLeftRight{0%{transform:translateX(-250%)}100%{transform:translateX(0)}}@keyframes transformRightLeft{0%{transform:translateX(0)}100%{transform:translateX(250%)}}@keyframes slideShow{0%{transform:translateY(0)}100%{transform:translateY(100%)}}@keyframes slideShow2{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@media screen and (max-width: 767px){.btn{margin:7.6923076923vw auto 0}}.btn a{position:relative;display:flex;align-items:center;width:22.4rem;height:5.6rem;padding:0 3.8rem;font-size:2rem;border-radius:5rem}@media screen and (max-width: 1200px){.btn a{width:16vw;height:4vw;padding:0 2.7142857143vw;font-size:1.4285714286vw;border-radius:3.5714285714vw}}@media screen and (max-width: 767px){.btn a{width:56.4102564103vw;height:12.3076923077vw;padding:0 11.2820512821vw;margin:auto;font-size:4.6153846154vw;border-radius:12.8205128205vw}}.btn a .arrow{position:absolute;top:50%;right:1.2rem;width:3rem;height:3rem;border-radius:50%;transform:translateY(-50%);overflow:hidden}@media screen and (max-width: 1200px){.btn a .arrow{right:.8571428571vw;width:2.1428571429vw;height:2.1428571429vw}}@media screen and (max-width: 767px){.btn a .arrow{right:2.5641025641vw;width:7.1794871795vw;height:7.1794871795vw}}.btn a .arrow::before,.btn a .arrow::after{content:"";position:absolute;top:.05rem;bottom:0;left:.05rem;right:0;margin:auto;width:1rem;height:1rem;animation-fill-mode:forwards;animation-duration:.3s}@media screen and (max-width: 1200px){.btn a .arrow::before,.btn a .arrow::after{top:0;left:0;width:.7142857143vw;height:.7142857143vw}}@media screen and (max-width: 767px){.btn a .arrow::before,.btn a .arrow::after{width:2.0512820513vw;height:2.0512820513vw}}.btn a .arrow:after{transform:translateX(-200%)}.btn a:hover{color:#fff;background:#00765a;border:.1rem solid #00765a !important;opacity:1}.btn a:hover .arrow::before{animation-name:transformRightLeft;animation-delay:0s}.btn a:hover .arrow::after{animation-name:transformLeftRight;animation-delay:.2s}.btn._w a{color:#fff;border:.1rem solid #fff}.btn._w a .arrow{background:#fff}.btn._w a .arrow::before,.btn._w a .arrow::after{background:url(../img/common/arrow_g.svg) no-repeat center center;background-size:.5rem auto}@media screen and (max-width: 1200px){.btn._w a .arrow::before,.btn._w a .arrow::after{background-size:.3571428571vw auto}}@media screen and (max-width: 767px){.btn._w a .arrow::before,.btn._w a .arrow::after{background-size:1.0256410256vw auto}}.btn._g a{color:#00765a;border:.1rem solid #00765a}.btn._g a .arrow{background:#00765a}.btn._g a .arrow::before,.btn._g a .arrow::after{background:url(../img/common/arrow_w.svg) no-repeat center center;background-size:.5rem auto}@media screen and (max-width: 1200px){.btn._g a .arrow::before,.btn._g a .arrow::after{background-size:.3571428571vw auto}}@media screen and (max-width: 767px){.btn._g a .arrow::before,.btn._g a .arrow::after{background-size:1.0256410256vw auto}}.btn._g a:hover{color:#fff}.btn._g a:hover .arrow{background:#fff}.btn._g a:hover .arrow::before,.btn._g a:hover .arrow::after{background:url(../img/common/arrow_g.svg) no-repeat center center;background-size:.5rem auto}@media screen and (max-width: 1200px){.btn._g a:hover .arrow::before,.btn._g a:hover .arrow::after{background-size:.3571428571vw auto}}@media screen and (max-width: 767px){.btn._g a:hover .arrow::before,.btn._g a:hover .arrow::after{background-size:1.0256410256vw auto}}footer{position:relative;padding-top:10rem;background:#fff}@media screen and (max-width: 767px){footer{padding-top:15.3846153846vw}}footer .arrow{position:relative;border-top:1px solid #ccc;text-align:center;padding:1.5rem 0}@media screen and (max-width: 767px){footer .arrow{padding:1rem 0 1.5rem}}footer .arrow span{border-right:1.5em solid rgba(0,0,0,0);border-bottom:1.7em solid #00765a;border-left:1.5em solid rgba(0,0,0,0);display:inline-block}@media screen and (max-width: 767px){footer .arrow span{font-size:2.6vw}}footer .arrow span:after{position:absolute;display:block;width:3em;border-top:1px solid #00765a;content:"";top:-0.1rem;left:50%;transform:translateX(-50%)}footer a:hover{opacity:1;text-decoration:underline}footer .top{padding:5.4rem 0 3.3rem;background-color:#eee}@media screen and (max-width: 1200px){footer .top{padding:3.8571428571vw 0 2.3571428571vw}}@media screen and (max-width: 767px){footer .top{padding:0}}footer .top .inner{width:95%;margin:auto}@media screen and (max-width: 767px){footer .top .inner{width:100%}}footer .top .inner>ul{display:flex;justify-content:center;gap:6rem}@media screen and (max-width: 1200px){footer .top .inner>ul{gap:4.2857142857vw}}@media screen and (max-width: 767px){footer .top .inner>ul{flex-wrap:wrap;gap:0}}footer .top .inner>ul>li{font-size:1.6rem;font-weight:700}@media screen and (max-width: 1200px){footer .top .inner>ul>li{font-size:1.1428571429vw}}@media screen and (max-width: 767px){footer .top .inner>ul>li{width:100%;font-size:4vw}}@media screen and (max-width: 767px){footer .top .inner>ul>li.sp_half{width:50%}}@media screen and (max-width: 767px){footer .top .inner>ul>li.sp_half a{color:#201f1f;background:#fff}}footer .top .inner>ul>li.sp_half a .pc{display:inline-block}footer .top .inner>ul>li.sp_half a:hover .pc{text-decoration:underline}@media screen and (max-width: 767px){footer .top .inner>ul>li.sp_half+li{border-left:.1rem solid #ccc}}footer .top .inner>ul>li a{color:#00765a;display:block}@media screen and (max-width: 767px){footer .top .inner>ul>li a{margin-bottom:0px;border-bottom:1px solid #ccc;display:block;margin-bottom:0px;padding:1em 1.5em;position:relative}}footer .top .inner>ul>li.en{margin-bottom:3em}footer .top .inner>ul>li>ul>li a{position:relative;display:inline-block;color:#231815;margin-bottom:1em}footer .bottom{padding:4rem 0;border-top:.4rem solid #00765a}@media screen and (max-width: 1200px){footer .bottom{padding:2.8571428571vw 0}}@media screen and (max-width: 767px){footer .bottom{padding-top:2rem;padding-bottom:.1rem}}footer .bottom .inner{display:flex;align-items:center;justify-content:space-between;width:95%;margin:auto}@media screen and (max-width: 767px){footer .bottom .inner{display:block}}footer .bottom ul{justify-content:flex-start;flex-wrap:wrap}@media screen and (max-width: 767px){footer .bottom ul{justify-content:center}}footer .bottom ul li{font-size:1.6rem;font-weight:700}@media screen and (max-width: 1200px){footer .bottom ul li{font-size:1.1428571429vw}}@media screen and (max-width: 767px){footer .bottom ul li{font-size:3vw}}footer .bottom ul li a{display:inline-block;padding:0 1em;border-right:1px solid #b3b3b3;line-height:1}footer .bottom ul li:last-child a{border-right:none}footer .bottom .copy{font-size:1.2rem}@media screen and (max-width: 1200px){footer .bottom .copy{font-size:1.2vw}}@media screen and (max-width: 767px){footer .bottom .copy{font-size:3vw;text-align:center;margin:1em 0 2em 0}}.l-footer__menu{position:relative}.l-footer__menu__sns{display:flex;justify-content:flex-end;gap:2.3rem;margin-top:3rem}@media screen and (max-width: 1200px){.l-footer__menu__sns{gap:1.6428571429vw;margin-top:2.1428571429vw}}@media screen and (max-width: 767px){.l-footer__menu__sns{display:block;margin-top:0}}.l-footer__menu__youtube{display:flex;gap:15px;align-items:center;font-size:1.2rem;font-weight:700;justify-content:flex-start}@media screen and (max-width: 1200px){.l-footer__menu__youtube{gap:1.0714285714vw;font-size:.8571428571vw}}@media screen and (max-width: 767px){.l-footer__menu__youtube{gap:15px;padding:20px 0;background:#fff;font-size:1.2rem;justify-content:center;margin-bottom:1px}}.l-footer__menu__youtube:before{content:"";display:block;height:72px;width:72px;background:url("../img/common/icon_youtube.svg") center center no-repeat;background-size:contain}@media screen and (max-width: 1200px){.l-footer__menu__youtube:before{height:5.1428571429vw;width:5.1428571429vw}}@media screen and (max-width: 767px){.l-footer__menu__youtube:before{height:50px;width:50px}}.l-footer__menu__instagram{display:flex;gap:15px;align-items:center;font-size:1.2rem;font-weight:700;justify-content:flex-start}@media screen and (max-width: 1200px){.l-footer__menu__instagram{gap:1.0714285714vw;font-size:.8571428571vw}}@media screen and (max-width: 767px){.l-footer__menu__instagram{gap:15px;padding:20px 0;background:#fff;font-size:1.2rem;justify-content:center}}.l-footer__menu__instagram:before{content:"";display:block;height:72px;width:72px;background:url("../img/common/icon_inasta.svg") center center no-repeat;background-size:contain}@media screen and (max-width: 1200px){.l-footer__menu__instagram:before{height:5.1428571429vw;width:5.1428571429vw}}@media screen and (max-width: 767px){.l-footer__menu__instagram:before{height:50px;width:50px}}header{position:fixed;background-color:#fff;z-index:1000;width:100%;border-bottom:.4rem solid #00765a;font-family:"Zen Kaku Gothic New",sans-serif;box-sizing:border-box}header>div{display:flex;justify-content:space-between;align-items:center;text-align:center;max-width:100%;margin:0 auto;height:11.6rem}header .logo{margin-left:3vw;display:flex;flex-direction:column;justify-content:space-between;text-align:left;align-items:flex-start;line-height:1}header .logo img{width:38.7rem;vertical-align:baseline}header .flex{justify-content:space-between;align-items:flex-end;flex-direction:column-reverse;flex-wrap:nowrap;gap:1.2rem}header .flex ul{display:flex;align-items:center;justify-content:flex-end;flex-direction:unset;margin-right:1vw}header .flex ul.banner{height:auto}header .flex ul.banner li{flex-shrink:0;font-size:1.4rem}header .flex ul.banner li a{color:#00765a;font-size:1.4rem;font-weight:700}header .flex ul.banner li.contact{flex-shrink:0}header .flex ul.banner li.contact a{display:flex;justify-content:center;align-items:center;width:12rem;height:3.2rem;color:#fff;font-weight:700;background:#00765a}@media screen and (max-width: 767px){header .flex ul.banner li.contact a{display:block;width:100%;height:auto}}header .flex ul.bottom{margin-right:1vw}header .flex ul.bottom>li>a span{position:relative;z-index:1;font-weight:700}header .flex ul.bottom>li>a{padding:1.2em 0em 1.4em;margin:0 1.8em;display:block;position:relative;line-height:1}header .flex ul.bottom>li>a:before{content:"";top:0;left:-1.5em;position:absolute;width:calc(100% + 3em);height:100%;background:#00765a;transform:skewX(-35deg);opacity:0;z-index:0;transition-duration:.3s}header .flex ul.bottom>li>a:hover{opacity:1;color:#fff}header .flex ul.bottom>li>a:hover:before{opacity:1}header .flex ul.bottom>li>a.active{opacity:1;color:#fff}header .flex ul.bottom>li>a.active:before{opacity:1}@media screen and (min-width: 768px){ul.first{flex-direction:column;width:15% !important}ul.first li{width:100% !important}ul.first li a{background-color:initial !important;color:#fff !important;text-align:left !important;font-size:min(1.5vw,2.1rem) !important}ul.second{flex-direction:column;width:15% !important}ul.second li{width:100% !important}ul.second li a{background-color:initial !important;color:#fff !important;text-align:left !important}ul.pic{justify-content:space-between !important}}@media screen and (min-width: 1100px){.divider{background-color:#fff;width:1px;align-self:stretch}}@media screen and (min-width: 768px){.divider{background-color:#fff;width:1px;align-self:stretch}}header .flex ul.bottom>li.sustainability .menu>div ul.large+div{width:68%}header .flex ul.bottom>li.company .menu>div ul.large+div{width:66%}header .flex ul.bottom>li.ir .menu>div ul.large+div{width:68%}header .flex ul.bottom>li.products .menu>div ul.large+div{width:68%}.copy_right{position:fixed;left:0px;top:122px;height:calc(100vh - 122px);width:75px;display:flex;flex-direction:column;justify-content:center;flex-wrap:nowrap;z-index:1}.copy_right .copy{font-size:1.4rem;transform:rotate(90deg);white-space:nowrap;width:5.5em;margin-top:-25em}header .flex ul.bottom>li .menu>div ul.link li a{font-size:1.6rem}@media screen and (min-width: 768px)and (max-width: 1300px){header .flex ul.bottom>li>a{font-size:1.2vw}header .flex ul.bottom>li .menu>div ul>li>a{font-size:1.3vw}header .flex ul.bottom>li .menu>div ul>li>a.flex span{font-size:1.3vw}header .flex ul.bottom>li .menu>div ul>li ul li a{font-size:1.3vw}header .flex ul.bottom>li .menu>div ul.large.flex li p{font-size:1.3vw}header .flex ul.bottom>li .menu>div ul.btn li a{font-size:1.3vw}header .flex ul.banner li a{font-size:1.2vw}header .flex ul.bottom>li .menu>div ul>li>a+p{font-size:1.1vw}}@media screen and (min-width: 768px)and (max-width: 1100px){header>div{height:10vw}header .logo img{width:27.6428571429vw}header .flex{gap:2.1428571429vw}header .flex ul.bottom{margin-right:2vw}header .flex ul.bottom>li .menu{top:calc(10vw + .4rem)}header .flex ul.bottom>li .menu>div{padding-left:2vw;padding-right:2vw}header .flex ul.bottom>li .menu>div>p a{margin-top:2em;margin-bottom:2em}header .flex ul.bottom>li .menu>div ul.link li a{font-size:1.4vw}}@media screen and (max-width: 767px){header>div{padding:0;height:17vw;width:100%}header .logo{width:54.5769246419vw;margin-left:3vw;height:auto}header .logo a:first-child img{width:54.5769246419vw}header .toggle{display:block !important;position:absolute;right:0em;top:0em;width:23vw;height:17vw;cursor:pointer;z-index:1001;overflow:hidden;background:url("../img/common/header_bg.png") right bottom/contain no-repeat}@supports(background-image: url("image.webp")){header .toggle{background:url("../img/common/header_bg.webp") right bottom/contain no-repeat}}header .toggle span{display:block;position:absolute;width:6vw;margin-left:13.5vw;border-bottom:solid .8vw #fff;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out;left:0px}header .toggle span:nth-child(1){top:1.45em}header .toggle span:nth-child(2){top:2.2em}header .toggle span:nth-child(3){top:2.95em;width:3vw;margin-left:16.5vw}header .toggle.active span:nth-child(1){top:2.2em;left:0px}header .toggle.active span:nth-child(2){top:2.2em}header .toggle.active span:nth-child(3){top:2.2em;width:6vw;margin-left:13.5vw}header .flex{position:fixed;top:17vw;left:100vw;width:100%;height:calc(100vh - 17vw);overflow:hidden;text-align:left;width:100%;margin-top:0;background-color:#fff;z-index:1000;transition-duration:.5s;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:0;background-color:#00765a;align-items:center;justify-content:flex-start;display:block}header .flex.active{left:0vw;overflow-y:scroll;transition-duration:.5s}header .flex ul.banner{display:block !important;position:relative;right:auto;top:auto;transition-duration:0s;left:0px !important}header .flex ul.banner li a{font-size:1.8rem;color:#fff;padding:1.5em;display:block;border-bottom:1px solid #ccc !important}header .flex ul.banner li.contact{margin-left:0px}header .flex ul.banner li.en a{border:none;margin-left:0px;padding:1.5em}header .flex ul.bottom{width:100%;margin:0 auto;order:1;display:block;border-right:none;padding-bottom:0em;margin-bottom:0em}header .flex ul.bottom>li{margin-bottom:2px;position:relative}header .flex ul.bottom>li a{font-size:1.8rem;padding:1.5em;border-bottom:1px solid #ccc !important;margin:0px;color:#fff}header .flex ul.bottom>li a:after{display:none}header .flex ul.bottom>li a span:after{display:none}header .flex ul.bottom>li a:before{display:none}header .flex ul.bottom>li span.btn{position:absolute;width:16vw;height:16vw;right:0vw;top:0vw;transition-duration:.3s}header .flex ul.bottom>li span.btn:before{content:"";position:absolute;top:50%;left:50%;width:1.2em;margin-left:-0.6em;margin-top:-0.3vw;border-top:.6vw solid #fff;transition-duration:.3s}header .flex ul.bottom>li span.btn:after{content:"";position:absolute;top:50%;left:50%;margin-top:-0.6em;height:1.2em;margin-left:-0.3vw;border-left:.6vw solid #fff}header .flex ul.bottom>li span.btn.open{transform:rotate(90deg)}header .flex ul.bottom>li span.btn.open:before{opacity:0;transform:rotate(90deg)}header .flex ul.bottom>li .menu>div ul.link{display:block}header .flex ul.bottom>li .menu>div ul.link li{margin-left:0em}header .flex ul.bottom>li .menu>div ul.link li a{border-bottom:none !important;font-size:1.8rem;padding:0 1em;margin-top:.8em}.copy_right{display:none}}/*# sourceMappingURL=common.css.map */