﻿/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:rgba(0,0,0,0);text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:rgba(0,0,0,0);padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}em{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}input,button,select,textarea,input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0;font:inherit}textarea{resize:vertical}input[type=submit],input[type=button],label,button,select{cursor:pointer}select::-ms-expand{display:none}.mt100{margin-top:100px !important}.pt100{padding-top:100px !important}.mt90{margin-top:90px !important}.pt90{padding-top:90px !important}.mt80{margin-top:80px !important}.pt80{padding-top:80px !important}.mt70{margin-top:70px !important}.pt70{padding-top:70px !important}.mt60{margin-top:60px !important}.pt60{padding-top:60px !important}.mt50{margin-top:50px !important}.pt50{padding-top:50px !important}.mt40{margin-top:40px !important}.pt40{padding-top:40px !important}.mt30{margin-top:30px !important}.pt30{padding-top:30px !important}.mt20{margin-top:20px !important}.pt20{padding-top:20px !important}.mt10{margin-top:10px !important}.pt10{padding-top:10px !important}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body,button,input,textarea,select{color:#222426;line-height:1.7;font-size:1.6rem;font-family:"Zen Kaku Gothic New",sans-serif;scroll-behavior:smooth;font-feature-settings:"pkna";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-weight:400;letter-spacing:.05rem}::selection{background:#0068b7;color:#fff}.en{font-family:"Open Sans",sans-serif;font-weight:400}a{transition:all .3s}img{max-width:100%;height:auto}.content{max-width:1024px;margin-inline:auto}br.pc{display:block}@media screen and (max-width: 767px){br.pc{display:none}}br.sp{display:none}@media screen and (max-width: 767px){br.sp{display:block}}@media screen and (max-width: 767px){body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .3s;z-index:99}body.is-active{overflow:hidden}body.is-active::before{opacity:1;visibility:visible}}.content{max-width:1100px;margin:0 auto;width:95%}@media screen and (max-width: 767px){.content{width:auto;margin:0 20px}}.breadcrumb{max-width:1100px;margin:24px auto;line-height:1;font-size:1.4rem}.breadcrumb ol{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap}.breadcrumb ol li{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;white-space:nowrap;padding-left:0;position:relative}.breadcrumb ol li::before{content:none}.breadcrumb ol li::after{content:"/";margin:0 1rem;position:static}.breadcrumb ol li:last-child{overflow:hidden;text-overflow:ellipsis}.breadcrumb ol li:last-child::after{content:none}.l-header{position:absolute;width:100%;top:250px;left:0;z-index:100}@media screen and (max-width: 767px){.l-header{position:fixed;left:0;top:3rem;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.l-header.is-active{opacity:1;visibility:visible}}.l-header__inner{width:90%;max-width:1024px;margin:0 auto;background-color:#fff;border-radius:30px}@media screen and (max-width: 767px){.l-header__inner{width:85%;padding-bottom:2rem;height:85svh;padding-top:0rem;box-shadow:0 0 20px rgba(0,0,0,.1);display:grid;place-content:center}}.l-header nav ul{display:flex;justify-content:center;gap:2rem}@media screen and (max-width: 767px){.l-header nav ul{display:block}}.l-header nav a{font-weight:700;padding:2rem 0;display:block}@media screen and (min-width: 1025px){.l-header nav a:hover,.l-header nav a:focus{color:#0068b7}}@media screen and (max-width: 767px){.l-header nav a{text-align:center;font-size:1.8rem}}.l-header__hum{display:none}@media screen and (max-width: 767px){.l-header__hum{position:fixed;right:20px;top:20px;display:block;background-color:#222426;z-index:10000;width:60px;height:60px;border-radius:50%}}.l-header__hum.is-active span:first-child{transform:rotate(45deg) translateY(5px) translateX(5px)}.l-header__hum.is-active span:nth-child(2){opacity:0}.l-header__hum.is-active span:last-child{transform:rotate(-45deg) translateY(-5px) translateX(4px)}.l-header__hum span{width:24px;height:2px;background-color:#fff;display:block;margin-block:5px;margin-inline:auto;transition:all .3s;border-radius:10px}.l-footer{background-color:#efefef}.l-footer__copy{text-align:center;padding-bottom:3rem;font-size:1.2rem}.l-footer__logo{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;padding:65px 0 40px;overflow:hidden}@media screen and (max-width: 767px){.l-footer__logo{padding:30px 0}}.l-footer__logo a{height:118px;display:flex;align-items:center;padding-inline:34px;position:relative;z-index:1}@media screen and (min-width: 1025px){.l-footer__logo a:hover,.l-footer__logo a:focus{opacity:.8}}.l-footer__logo a:first-child{order:1;grid-column:1/2;grid-row:1/2;justify-content:flex-end;border-right:1px solid #828487}.l-footer__logo a:nth-child(2){order:2;grid-column:2/3;grid-row:1/2}.l-footer__logo p{order:3;grid-column:1/3;grid-row:2/3;text-align:center;font-size:1.4rem;font-weight:600;letter-spacing:.05em;margin-top:2rem}.p-top{background-color:#efefef;overflow:hidden}.p-top__sectitle{font-size:3.8rem;font-weight:700;color:#828487;text-align:center}@media screen and (max-width: 767px){.p-top__sectitle{font-size:3rem;line-height:1.4}}.p-top__sectitle span{display:block;font-size:1.6rem;color:#0068b7}@media screen and (max-width: 767px){.p-top__sectitle span{font-size:1.5rem;margin-bottom:1rem}}.p-top__sectitle span.is-red{color:#e60012}.p-top__img{width:100%}.p-top__img img{width:100%}.p-top__img figcaption{font-size:1rem;text-align:right;margin-right:1rem;margin-top:.6rem}.p-top__fv{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;padding:65px 0 160px;overflow:hidden}@media screen and (max-width: 767px){.p-top__fv{padding:60px 0 40px;height:218px}}.p-top__fv::before{content:"";width:372px;height:392px;background:url(../img/mat-fv-left.png) no-repeat center 0%/contain;position:absolute;top:0;left:0}@media screen and (max-width: 767px){.p-top__fv::before{left:-80px;height:218px;width:212px}}.p-top__fv::after{content:"";width:250px;height:392px;background:url(../img/mat-fv-right.png) no-repeat center center/contain;position:absolute;top:0;right:0}@media screen and (max-width: 767px){.p-top__fv::after{right:-80px;height:218px;width:140px}}.p-top__fv a{height:118px;display:flex;align-items:center;padding-inline:34px;position:relative;z-index:1}@media screen and (min-width: 1025px){.p-top__fv a:hover,.p-top__fv a:focus{opacity:.8}}.p-top__fv a:first-child{order:1;grid-column:1/2;grid-row:1/2;justify-content:flex-end;border-right:1px solid #828487}.p-top__fv a:nth-child(2){order:2;grid-column:2/3;grid-row:1/2}.p-top__fv p{order:3;grid-column:1/3;grid-row:2/3;text-align:center;font-size:1.4rem;font-weight:600;letter-spacing:.05em;margin-top:2rem}@media screen and (max-width: 767px){.p-top__fv p{margin-top:.5rem;font-size:1.2rem}}.p-top__concept{padding:80px 0 150px}@media screen and (max-width: 767px){.p-top__concept{padding:60px 0 90px}}.p-top__concept h2{font-size:4.2rem;margin-bottom:3.2rem}@media screen and (max-width: 767px){.p-top__concept h2{font-size:3.4rem;margin-bottom:2.4rem}}.p-top__concept h2::before{content:"";width:200px;height:144px;background:url(../img/myaku1.png) no-repeat center center/contain;display:block;margin-inline:auto;margin-bottom:40px}@media screen and (max-width: 767px){.p-top__concept h2::before{width:150px}}.p-top__concept p{text-align:center;font-size:2.4rem;line-height:2}@media screen and (max-width: 767px){.p-top__concept p{text-align:left;font-size:1.7rem}.p-top__concept p br{display:none}}.p-top__about{background-color:#fff;padding:70px 80px 100px;position:relative;border-radius:9px;margin-bottom:150px}@media screen and (max-width: 767px){.p-top__about{padding:40px 20px 80px;margin-bottom:40px}}.p-top__about::before{content:"";width:180px;height:160px;background:url(../img/myaku2.png) no-repeat center center/contain;position:absolute;top:-40px;left:-30px}@media screen and (max-width: 767px){.p-top__about::before{width:150px;top:-90px}}.p-top__about::after{content:"";width:180px;height:103px;background:url(../img/myaku3.png) no-repeat center center/contain;position:absolute;bottom:-30px;right:-30px}@media screen and (max-width: 767px){.p-top__about::after{width:150px;right:-40px;bottom:-40px}}.p-top__about h2{margin-bottom:3rem}@media screen and (max-width: 767px){.p-top__about h2{margin-bottom:2rem}}.p-top__about h3{text-align:center;color:#828487;font-weight:700;font-size:2.4rem;line-height:1.5;margin-bottom:2rem}@media screen and (max-width: 767px){.p-top__about h3{font-size:2.1rem}}.p-top__about figure{margin-bottom:4rem}.p-top__about p{line-height:1.5}.p-top__case{background-color:#fff;padding:70px 80px;position:relative;border-radius:9px;margin-bottom:100px}@media screen and (max-width: 767px){.p-top__case{padding:40px 20px 40px;margin-bottom:60px}}.p-top__case::before{content:"";width:180px;height:166px;background:url(../img/myaku4.png) no-repeat center center/contain;position:absolute;top:-60px;left:-60px}@media screen and (max-width: 767px){.p-top__case::before{width:120px;left:-35px;top:-80px}}.p-top__case::after{content:"";width:170px;height:150px;background:url(../img/myaku5.png) no-repeat center center/contain;position:absolute;bottom:-70px;right:-30px}@media screen and (max-width: 767px){.p-top__case::after{width:100px}}.p-top__case-item{display:grid;grid-template-columns:60% 1fr;grid-template-rows:auto;grid-template-areas:"img title" "img text";gap:20px 40px;border-bottom:1px solid #d2d7da;padding-bottom:60px;margin-top:60px}.p-top__case-item:last-child{border-bottom:none}@media screen and (max-width: 767px){.p-top__case-item{display:block;padding-bottom:20px;margin-top:30px}}.p-top__case-item.is-reverse{grid-template-columns:1fr 60%;grid-template-areas:"title img" "text img"}.p-top__case-item .title{grid-area:title}@media screen and (max-width: 767px){.p-top__case-item .title{margin-bottom:2rem}}.p-top__case-item .title.is-short{height:60px}@media screen and (max-width: 767px){.p-top__case-item .title.is-short{height:auto}}.p-top__case-item .title p{color:#828487;font-weight:700;font-size:1.8rem;margin-bottom:2rem}.p-top__case-item .title h3{display:flex;align-items:center;gap:10px;margin-bottom:2rem;font-size:2.2rem;font-weight:700;line-height:1.5;position:relative;padding-left:85px}.p-top__case-item .title h3::before{content:"採用製品";font-size:1.2rem;color:#828487;font-weight:400;display:inline-block;border-right:1px solid #d2d7da;padding-right:1.6rem;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center}.p-top__case-item .title ul{display:flex;flex-wrap:wrap;gap:1rem}.p-top__case-item .title ul li{background-color:#0068b7;font-size:1.2rem;font-weight:700;padding:.2rem 1.5rem;color:#fff;border-radius:999px}.p-top__case-item .img{grid-area:img}.p-top__case-item .img img{width:100%}.p-top__case-item .text{grid-area:text}@media screen and (max-width: 767px){.p-top__case-item .text{margin-top:1.6rem}}.p-top__case-item .text p{line-height:1.7;margin-bottom:1.6rem}@media screen and (max-width: 767px){.p-top__case-item .text p{font-size:1.5rem}}.p-top__gallery{margin-bottom:140px}@media screen and (max-width: 767px){.p-top__gallery{margin-bottom:60px}}.p-top__gallery h2{background-color:#0068b7;color:#fff;width:498px;height:100px;margin-inline:auto;padding-top:2rem;position:relative}@media screen and (max-width: 767px){.p-top__gallery h2{width:220px}}.p-top__gallery h2 span{color:#d2d7da}.p-top__gallery h2::before{content:"";width:0;height:0;border-style:solid;border-width:0 0 100px 100px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #0068b7 rgba(0,0,0,0);position:absolute;left:-100px;bottom:0}.p-top__gallery h2::after{content:"";width:0;height:0;border-style:solid;border-width:100px 0 0 100px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #0068b7;position:absolute;right:-100px;bottom:0}.p-top__gallery__slider{background-color:#0068b7;padding:6rem 0 3rem;overflow:hidden;position:relative}@media screen and (max-width: 767px){.p-top__gallery__slider{padding:3rem 0}}.p-top__gallery__slider img{width:100%;margin-bottom:1rem}.p-top__gallery__slider .cat{background-color:#fff;color:#0068b7;font-size:1.2rem;font-weight:700;padding:.2rem 1.5rem;border-radius:40px}.p-top__gallery__slider h3{color:#fff;font-size:1.5rem;margin-top:.5rem}@media screen and (max-width: 767px){.p-top__gallery__slider h3{line-height:1.6}}.p-top__gallery__slider .swiper-button-prev,.p-top__gallery__slider .swiper-button-next{width:50px;height:50px;background-color:#fff;border-radius:5px;transform:translateY(-40px);transition:all .3s}@media screen and (max-width: 767px){.p-top__gallery__slider .swiper-button-prev,.p-top__gallery__slider .swiper-button-next{transform:translateY(-60px)}}.p-top__gallery__slider .swiper-button-prev:hover,.p-top__gallery__slider .swiper-button-prev:focus,.p-top__gallery__slider .swiper-button-next:hover,.p-top__gallery__slider .swiper-button-next:focus{background-color:#828487}.p-top__gallery__slider .swiper-button-prev:hover::after,.p-top__gallery__slider .swiper-button-prev:focus::after,.p-top__gallery__slider .swiper-button-next:hover::after,.p-top__gallery__slider .swiper-button-next:focus::after{background-color:#fff}.p-top__gallery__slider .swiper-button-prev::after,.p-top__gallery__slider .swiper-button-next::after{content:"";width:12px;height:20px;mask:url(../img/arrow.svg) no-repeat center center/contain;background-color:#0068b7;transition:all .3s}.p-top__gallery__slider .swiper-button-prev{left:2rem}.p-top__gallery__slider .swiper-button-next{right:2rem}.p-top__gallery__slider .swiper-button-next::after{transform:rotate(180deg)}.p-top__gallery .com{text-align:right;font-size:1rem;margin-right:2rem;margin-top:5rem;color:#fff}.p-top__product{background-color:#fff;padding:70px 80px 100px;position:relative;border-radius:9px;margin-bottom:100px}@media screen and (max-width: 767px){.p-top__product{padding:40px 20px 80px;margin-bottom:60px}}.p-top__product::before{content:"";width:150px;height:157px;background:url(../img/myaku6.png) no-repeat center center/contain;position:absolute;top:-80px;left:-50px}@media screen and (max-width: 767px){.p-top__product::before{width:100px;left:-10px;top:-60px}}.p-top__product::after{content:"";width:170px;height:123px;background:url(../img/myaku7.png) no-repeat center center/contain;position:absolute;bottom:-40px;right:-50px}@media screen and (max-width: 767px){.p-top__product::after{width:120px;right:-30px}}.p-top__product__list{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px;margin-top:5rem}@media screen and (max-width: 767px){.p-top__product__list{grid-template-columns:repeat(2, 1fr);gap:30px 20px;margin-top:3rem}}.p-top__product__list div{text-align:center}.p-top__product__list h3{font-weight:700;font-size:1.8rem;margin-block:.5rem}@media screen and (max-width: 767px){.p-top__product__list h3{font-size:1.7rem}}.p-top__product__list p{color:#0068b7;font-weight:700;font-size:1.2rem;border-radius:30px;padding:.3rem 1.5rem;width:fit-content;margin-inline:auto;line-height:1.4}.p-top__product .com{text-align:right;font-size:1.2rem;margin-top:4rem}.p-top__policy{background-color:#fff;padding:70px 0 140px;position:relative}@media screen and (max-width: 767px){.p-top__policy{padding:60px 0}}.p-top__policy::before{content:"";width:150px;height:150px;background:url(../img/myaku8.png) no-repeat center center/contain;position:absolute;top:-40px;left:100px}@media screen and (max-width: 767px){.p-top__policy::before{width:120px;left:-30px;top:-50px}}.p-top__policy::after{content:"";width:130px;height:130px;background:url(../img/myaku9.png) no-repeat center center/contain;position:absolute;bottom:-60px;right:100px}@media screen and (max-width: 767px){.p-top__policy::after{width:100px;right:-30px}}.p-top__policy p{text-align:center;font-size:1.8rem;margin-block:3rem 5rem}@media screen and (max-width: 767px){.p-top__policy p{margin-block:2rem 2.4rem;font-size:1.6rem;text-align:left}.p-top__policy p br{display:none}}.p-top__policy__yt{background-color:#222426;padding:3rem 0}.p-top__policy__yt-inner{max-width:846px;width:90%;margin-inline:auto;overflow:hidden;position:relative}.p-top__policy__yt .video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.p-top__policy__yt .video iframe{width:100%;height:100%}.p-top__policy__yt .thumbnail{position:relative;cursor:pointer;z-index:3}.p-top__policy__yt .thumbnail:hover img,.p-top__policy__yt .thumbnail:focus img{opacity:1}.p-top__policy__yt .thumbnail.is-hide{visibility:hidden}.p-top__policy__yt .thumbnail.is-hide::after{display:none}.p-top__policy__yt .thumbnail.is-hide img{opacity:0}.p-top__policy__yt .thumbnail img{opacity:.65;transition:all .3s}.p-top__policy__yt .thumbnail::after{content:"";width:100px;height:70px;background:url(../img/play.svg) no-repeat center center/contain;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 767px){.p-top__policy__yt .thumbnail::after{width:60px}}.p-top__bnr{text-align:center}.p-top__bnr .content{border-bottom:1px solid #828487;padding:100px 0}@media screen and (max-width: 767px){.p-top__bnr .content{padding:60px 0 30px}}.p-top__bnr a:hover,.p-top__bnr a:focus{opacity:.8}.p-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:10000;opacity:0;visibility:hidden;transition:all .3s}.p-modal.is-active{opacity:1;visibility:visible}.p-modal__inner{width:100%;height:100%;margin-inline:auto;position:absolute}.p-modal__content{position:absolute;z-index:10;border-radius:10px;max-width:1000px;width:90%;margin:auto;top:50%;left:50%;transform:translate(-50%, -50%)}.p-modal__content img{width:100%}.p-modal__content::before,.p-modal__content::after{content:"";width:2px;height:40px;background-color:#fff;position:absolute;right:-30px;top:-50px}@media screen and (max-width: 767px){.p-modal__content::before,.p-modal__content::after{right:20px}}.p-modal__content::before{transform:rotate(45deg)}.p-modal__content::after{transform:rotate(-45deg)}
/*# sourceMappingURL=style.css.map */
