body{background-color:fff;padding:0;color:var(--font-color)}:root{--font-family-noto:"Noto Sans JP",sans-serif;--font-optical-sizing:auto;--font-style:normal;--main-color:#0c5735;--accent-color:#fad113;--sub-color:#fdfaea;--font-color:#333;--font-family-baloo:"Baloo Paaji 2",sans-serif}p{margin:0;padding:0}a{text-decoration:none}ul li{font-family:var(--font-family-noto);font-size:20px;font-weight:700;list-style:none;padding-right:30px}.flex{display:flex}.h1box{position:relative;width:100%;z-index:3;top:-3vw;text-align:center}.h1box h1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.h1box h1::after{content:"";display:block;background-image:url(../img/ttl-deco.png);width:48px;height:20px}header{position:relative;height:90px;padding:0 100px}header .hdr_cta{position:absolute;top:5px;right:1vw}header .contact{position:fixed;overflow:hidden;width:120px;height:120px;background-color:var(--main-color);color:#fff;font-weight:700;border-radius:50%;box-sizing:border-box;transition:ease 1.2s;z-index:100}header .contact:hover{background-color:transparent}header .contact span{position:relative;z-index:3;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%}.bgcenterout:before{content:'';position:absolute;top:0;left:0;z-index:2;background:var(--accent-color);width:100%;height:100%;border-radius:50%;transition:transform .5s cubic-bezier(0.8,0,0.2,1) 0s;transform:scale(0,0);transform-origin:center;box-shadow:0 0 0 1px var(--accent-color)}.bgcenterout:hover:before{transform:scale(1.1,1.1)}header .contact .mail-ico{width:25%}header .contact img{width:100%}.hdr_box{justify-content:space-between;align-items:center;height:100%}.hdr_box .logo{width:338px}.hdr_box .logo img{width:100%}.hdr_box nav{margin-right:60px}.gnavi li a{position:relative;color:var(--font-color)}.gnavi li.current a,.gnavi li a:hover{color:var(--font-color)}.gnavi li a::after{content:'';position:absolute;bottom:-4px;left:4%;width:95%;height:3px;background:var(--main-color);transition:all .3s;transform:scale(0,1);transform-origin:center top}.gnavi li.current a::after,.gnavi li a:hover::after{transform:scale(1,1)}.mainvisual{width:100%;height:40vw;overflow:hidden}.mainvisual img{width:100%}.wrapper{position:relative;width:100%}#index .wrapper::before{content:"";position:absolute;top:-10vw;background-image:url(../img/index/mv-frame.svg);background-repeat:no-repeat;width:100%;height:10vw;overflow:hidden;background-size:100% 100%}.wrapper{position:relative;width:100%}.wrapper::before{content:"";position:absolute;top:-9vw;background-image:url(../img/mv-frame2.svg);background-repeat:no-repeat;width:100%;height:10vw;overflow:hidden;background-size:100% 100%}.catch{width:738px;height:auto;margin:0 auto;padding:3.5vw 0}.catch img{width:100%}section{width:100%}.sec_content{max-width:1200px;margin:0 auto;padding:80px 0}.h2-box{flex-direction:column;justify-content:left}.h2-box h2{font-family:var(--font-family-baloo);color:var(--main-color);font-weight:400;font-size:75px;column-gap:29px}.h2-box h2::before{content:"";display:block;width:48px;height:20px;background-image:url(../img/ttl-deco.png)}.service{background-color:var(--sub-color)}.service .h2-box h2::after{content:"";display:block;width:89px;height:21px;background-image:url(../img/top_service-sub.png)}.service .sec_content,.news .sec_content{justify-content:space-between}.service .card-area{gap:22px}.content-card{position:relative;width:400px;height:280px;border-radius:30px;overflow:hidden}.content-card img{position:absolute;top:-15%;right:-7%;width:110%}.content-card .card-label{position:absolute;color:#fff;width:400px;height:65px;bottom:0;font-size:24px;transform:translateY(2px)}.card-label .label-text{position:relative;overflow:hidden;background-color:var(--main-color);width:100%;height:100%;justify-content:center;align-items:center;transition:ease .2s}.label-text span{position:relative;z-index:3;color:#fff}.label-text::before{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:var(--accent-color);transform:translateX(-100%);transition:transform .6s cubic-bezier(0.8,0,0.2,1)}.content-card:hover .label-text::before{transform:translateX(0)}.news .h2-box h2::after{content:"";display:block;width:92px;height:22px;background-image:url(../img/top_news-sub.png)}.news-area{overflow:auto;max-height:280px;width:822px}ul.news-list{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:0}ul.news-list li{display:flex;align-items:center;height:93.33px;box-sizing:border-box;border-bottom:1px solid #dcdcdc;padding-left:10px}ul.news-list li .news-date{width:20%;color:var(--main-color);text-align:left}ul.news-list li .news-title{color:var(--font-color);font-size:18px;font-weight:400}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}#product .h1box h1 img{width:251px;height:56px}#product .sec_content{padding:0}.lineup h2{text-align:center}.lineup h2 img{width:504px;height:29px}.lineup p{font-family:var(--font-family-noto);color:var(--font-color);font-size:18px;line-height:32.4px;margin-top:40px}#product .list-wrapper{width:100%;height:auto;gap:45px;flex-wrap:wrap;margin-top:100px;margin-bottom:200px}#product .list-item{width:370px;height:auto}#product .list-item .list-img{position:relative;width:100%;height:230px;overflow:hidden}#product .list-item .list-img img{width:100%}#product .list-item .list-img .list-img-ttl{position:absolute;padding:10px 20px;background-color:#fff;bottom:0;left:0}#product .list-item .list-img .list-img-ttl h3{font-family:var(--font-family-noto);color:var(--main-color);font-size:18px;font-weight:700;margin:0}.list-item p{font-family:var(--font-family-noto);font-size:16px;line-height:22.4px;color:var(--font-color);margin-top:15px}#case .h1box h1 img{width:309px;height:58px}#case .list-wrapper{flex-wrap:wrap;column-gap:148px;row-gap:47px}#case .list-item{display:flex;flex-direction:column;align-items:center;width:300px;height:auto}#case .list-item .list-img{width:300px;height:300px;border-radius:50%;overflow:hidden;margin-bottom:15px;background-color:#dcdcdc}#case .list-item .list-img img{width:100%;height:auto}#case .item-ttl{width:200px;margin-bottom:15px;padding:10px 0;border-radius:17px;text-align:center;background-color:var(--accent-color)}#case .item-ttl h3{font-family:var(--font-family-noto);color:var(--font-color);font-size:18px;font-weight:700;margin:0}#company .h1box h1 img{width:253px;height:56px}#company .sec_content{max-width:900px;height:auto}#company h2{width:136px;height:43px;margin:0 auto 32px}#company h2 img{width:100%;height:auto}.greeting{padding-bottom:80px}.greeting .president{width:300px;height:300px;border-radius:50%;background-color:#dcdcdc;overflow:hidden;margin:0 auto 39px}.president img{width:100%}.greeting .sec_content{padding:0}.greeting .sec_content p{font-family:var(--font-family-noto);color:var(--font-color);line-height:28.8px;font-size:18px}#company .info{background-color:var(--sub-color)}.info-wrapper{justify-content:space-between}.info-wrapper table{width:531px;height:auto;border-top:1px solid #dcdcdc}.info-wrapper table th,.info-wrapper table td{box-sizing:border-box;border-bottom:1px solid #dcdcdc;padding:12px 0 12px 10px}.info-wrapper table th{width:30%;font-family:var(--font-family-noto);color:var(--main-color);font-size:18px;font-weight:700;text-align:left}.info-wrapper table td{font-family:var(--font-family-noto);font-weight:400;font-size:18px}.company-img{width:280px;height:auto}.company-img img{width:100%}#contact .h1box h1 img{width:377px;height:56px}#contact main p{font-family:var(--font-family-noto);color:var(--font-color);font-size:18px;line-height:28.8px;text-align:center}.btn{position:relative;overflow:hidden;box-sizing:border-box;text-decoration:none;display:block;margin:0 auto;width:616px;height:auto;border-radius:30px;padding:36px 0;text-align:center;outline:none;background-color:var(--main-color);transition:ease .2s}.btn span{position:relative;display:flex;justify-content:center;align-items:center;z-index:3;color:#fff;font-family:var(--font-family-noto);font-weight:700;font-size:24px}.btn span img{width:43px;height:36px;padding-right:28px}.bgleft:before{content:'';position:absolute;top:0;left:0;z-index:2;background:var(--accent-color);width:100%;height:100%;transition:transform .6s cubic-bezier(0.8,0,0.2,1) 0s;transform:scale(0,1);transform-origin:right top}.bgleft:hover:before{transform-origin:left top;transform:scale(1,1)}.tel-fax{margin:80px auto 200px}.tel-fax .tel{margin-bottom:25px}#contact .tel-fax p.tel,#contact .tel-fax p.fax{display:flex;justify-content:center;align-items:center;font-family:var(--font-family-baloo);color:var(--main-color);font-size:40px;font-weight:500}.tel-fax .tel img{width:40px;height:37px;padding-right:14px}.tel-fax .fax img{width:40px;height:37px;padding-right:14px}footer{padding:0 100px;background-color:var(--main-color);color:#fff}footer .ftr-container{height:120px;justify-content:space-between;align-items:center}footer .ftr-container ul li{font-size:20px;font-weight:400}.ftr_box .logo{width:338px}.ftr_box .logo img{width:100%}footer a{text-decoration:none;color:#fff}address{font-weight:300;font-family:var(--font-family-noto);font-style:normal;color:#fff;padding:0;margin:0}address ul{padding:0;margin:0}address ul li{font-size:16px;font-weight:300;padding-bottom:10px}footer p{display:block;text-align:right;padding-bottom:40px}