﻿/*!
Theme Name: さくら興産テーマ
Author: ariummotion
Description: さくら興産サイト
Version: ver1.0
*/@import"https://fonts.googleapis.com/icon?family=Material+Icons";:root{--clr-white: #ffffff;--clr-font: #222222;--clr-font-hover: #1b3e35;--clr-main: #1b3e35;--clr-sub: #c1d95b;--clr-orange: #f7913b;--clr-red: #ef0427}*,::before,::after{box-sizing:border-box}*{margin:0;padding:0}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,sub{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline}del{text-decoration:line-through}*:where(:not(fieldset,progress,meter)){border-width:0;border-style:solid;background-origin:border-box;background-repeat:no-repeat}:where(img,svg,video){block-size:auto;max-inline-size:100%}img{vertical-align:bottom;font-size:0;line-height:0}table{border-collapse:collapse;border-spacing:0;font-size:100%}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}:where(textarea){resize:vertical}@supports(resize: block){:where(textarea){resize:block}}input,select{vertical-align:0}input,textarea{margin:0;font-size:100%}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%}:where(ul,ol)[role=list]{list-style:none}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){cursor:pointer;touch-action:manipulation}:where(input[type=file]){cursor:auto}:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{cursor:pointer}:where(button,button[type],input[type=button],input[type=submit],input[type=reset]),:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;text-align:center}:where(button,button[type],input[type=button],input[type=submit],input[type=reset])[disabled]{cursor:not-allowed}html{font-family:"Noto Sans JP","YakuHanJP","Helvetica Neue",Arial,"Hiragino Sans",Meiryo,sans-serif;font-weight:400;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;word-break:normal;word-wrap:break-word;overflow-wrap:break-word}body{font-size:clamp(.875rem,.784rem + .45vw,1.125rem);color:var(--clr-font);line-height:1.5;text-align:left;-webkit-text-size-adjust:100%}i{font-weight:900}.serif{font-family:"Noto Serif JP","游明朝",YuMincho,serif}p{font-feature-settings:"palt"}.f-normal{font-weight:normal;font-weight:400}.f-bold{font-weight:bold;font-weight:700}.f-italic{font-style:italic}sup{font-size:.5rem;vertical-align:5px}sub{font-size:.5rem;vertical-align:baseline}.f-red{color:var(--clr-red)}.note{padding-left:1em;text-indent:-1em}.lh-12{line-height:1.2}.lh-14{line-height:1.4}.lh-16{line-height:1.6}.lh-18{line-height:1.8}.lh-20{line-height:2}.lh-24{line-height:2.4}.material-symbols-outlined{font-size:1rem;width:1rem;height:1rem;overflow:hidden;color:#666}a{text-decoration:underline;color:var(--clr-font);transition:all .3s}@media(hover: hover)and (pointer: fine){a:hover{text-decoration:underline;color:var(--clr-font-hover);text-underline-offset:2px}}.link-btn{transition:.3s}.link-btn:hover{opacity:.8}.link-btn2{color:#fff;background:var(--clr-main);text-decoration:none;position:relative;z-index:1;transition:all .3s ease-in-out;overflow:hidden;border-radius:100px;line-height:1}.link-btn2:hover{color:#fff;text-decoration:none}.link-btn2::after{content:"";display:block;width:100%;height:100%;background:var(--clr-main-hover);position:absolute;left:0;bottom:0;z-index:-1;transform:scale(0, 1);transform-origin:right top;transition:transform .3s ease-in-out}.link-btn2:hover::after{transform:scale(1, 1);transform-origin:left top}button{display:block;border:none;background-color:rgba(0,0,0,0);cursor:pointer}@media(width >= 480px){a[href^="tel:"]{pointer-events:none}}.mt00{margin-top:0 !important}.mt05{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt30{margin-top:30px !important}.mt40{margin-top:40px !important}.mt50{margin-top:50px !important}.mt60{margin-top:60px !important}.mb00{margin-bottom:0 !important}.mb05{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb30{margin-bottom:30px !important}.mb40{margin-bottom:40px !important}.mb50{margin-bottom:50px !important}.mb60{margin-bottom:60px !important}html{block-size:100%;height:100%}body{background-color:#fefff5;min-height:100%;display:flex;flex-direction:column}.wrapper{flex:1}button{touch-action:manipulation}:where(svg):where(:not([width])){inline-size:3rem}.page_top_btn{position:fixed;right:15px !important;bottom:15px !important;z-index:9999 !important;width:40px !important;height:40px !important;background-color:var(--clr-main) !important;box-shadow:none !important;background-repeat:no-repeat;transform:scaleY(1) !important;opacity:0;border-radius:50%;transition:.3s}.scrolled .page_top_btn{opacity:1}.sp{display:none}@media(width <= 768px){.pc{display:none}.sp{display:inline}}.main-block{width:100%;overflow:hidden;flex:1}.common-block{width:min(100% - 40px,1200px);margin-inline:auto}.common-title{text-align:center;font-weight:400;display:flex;flex-direction:column;gap:20px;margin-bottom:50px}.common-title .first{font-weight:700;font-size:1.8rem}.common-title .second{font-size:.875rem}@media(width <= 768px){.common-title{gap:15px}.common-title .first{font-size:1.5rem}}[data-scroll]{transition:all 1.2s}[data-scroll=in]{transition-delay:.8s;opacity:1;transform:translate(0, 0)}[data-scroll=out]{transition:none;opacity:0;transform:translate(0, 30px)}.hero{width:100%;position:relative}.hero .hero-img{width:100%;height:auto;object-fit:cover}.hero .text{font-weight:700;font-size:3rem;color:var(--clr-white);line-height:1.4;width:100%;position:absolute;top:50%;left:0;text-align:center;padding-left:10px;padding-right:10px;text-shadow:0px 0px 8px #000;opacity:0;transform:translateY(-20%);transition-delay:1s;transition-duration:1s}.hero .text.on{opacity:1;transform:translateY(-50%)}@media(width <= 1200px){.hero{height:600px}.hero .hero-img{height:600px}}@media(width <= 768px){.hero{height:360px}.hero .hero-img{height:360px}}@media(width <= 450px){.hero{height:300px}.hero .hero-img{height:300px}}.midashi{padding-top:60px;padding-bottom:60px}.midashi .common-block{position:relative;justify-content:center;align-items:center;text-align:center}.midashi .common-block .text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:1.4rem;line-height:1.8}.midashi .common-block .img{animation:50s linear infinite rotation}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media(width <= 768px){.midashi{padding-top:40px;padding-bottom:40px}.midashi .common-block .img{width:80%}.midashi .common-block .text{font-size:1.125rem;line-height:1.6}.midashi .common-block .text br{display:none}.midashi .common-block .text br.ex{display:inline}}.product{padding-top:80px;padding-bottom:100px;background-image:url(../img/product_bk.webp);background-repeat:repeat}.product-block{width:100%}.product-block .list{width:100%;background-color:var(--clr-white);padding:50px 50px 60px;border-radius:30px;box-shadow:0px 0px 20px -4px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:60px}.product-block .list .tit{font-size:1.4rem;text-align:center}.product-block .list .text{margin-top:30px;text-align:center}.product-block .list .img{text-align:center;margin-top:30px}.product-block .link{width:260px;height:40px;margin:30px auto 0;display:flex;justify-content:center;align-items:center;gap:5px;background-color:var(--clr-sub);border-radius:60px;text-decoration:none;line-height:1;transition:.3s}.product-block .link:hover{background-color:#d6f062}@media(width <= 768px){.product{padding-top:50px;padding-bottom:60px}.product-block .list{padding:30px 20px 40px;border-radius:30px;box-shadow:0px 0px 18px -3px rgba(0,0,0,.2);gap:40px}.product-block .list .tit{font-size:1.25rem}.product-block .list .text{margin-top:20px}.product-block .list .text br{display:none}.product-block .list .img{margin-top:20px}.product-block .link{width:240px;height:36px;margin:20px auto 0}}.middle{padding-top:80px;padding-bottom:80px}.middle .common-block{display:grid;grid-template-columns:repeat(auto-fit, 36%);justify-content:center;gap:40px}.middle .common-block .middle-card{background-color:var(--clr-sub);position:relative;border-radius:30px;overflow:hidden;padding:40px 40px 80px 40px}.middle .common-block .middle-card .img1{width:57%;position:absolute;bottom:-6%;right:-5%}.middle .common-block .middle-card .img2{width:35%;position:absolute;bottom:-10%;right:-5%}.middle .common-block .middle-card .tit{background-color:var(--clr-white);display:grid;place-content:center;width:100%;height:40px;border-radius:100px}.middle .common-block .middle-card .txt{margin-top:20px;line-height:1.7}@media(width <= 768px){.middle{padding-top:50px;padding-bottom:50px}.middle .common-block{grid-template-columns:1fr;gap:30px}.middle .common-block .middle-card{width:100%;max-width:400px;margin-inline:auto;border-radius:25px;padding:25px 25px 50px 25px}.middle .common-block .middle-card .img1{width:50%}.middle .common-block .middle-card .img2{width:30%}.middle .common-block .middle-card .tit{height:35px}}.intermission{width:100%;height:180px}.intermission img{width:100%;height:100%;object-fit:cover}@media(width <= 768px){.intermission{height:130px}}@media(width <= 450px){.intermission{height:100px}}.company{padding-top:80px;padding-bottom:100px}.company-block{width:100%;max-width:900px;margin-inline:auto}.company-block .list{border-top:1px solid #ccc}.company-block .list li{display:grid;grid-template-columns:22% 1fr;border-bottom:1px solid #ccc}.company-block .list li .tit{padding:25px 25px;border-right:1px solid #ccc;text-align:center}.company-block .list li .txt{padding:25px 25px}.company-block .list li .txt .map iframe{display:block;margin-top:20px;width:100%;height:300px}@media(width <= 768px){.company{padding-top:50px;padding-bottom:60px}.company-block .list li .tit{padding:15px 15px}.company-block .list li .txt{padding:15px 15px}}@media(width <= 450px){.company-block .list li{grid-template-columns:1fr}.company-block .list li .tit{padding:10px 10px 0;border-right:none;text-align:left}.company-block .list li .txt{padding:10px 10px}.company-block .list li .txt .map iframe{margin-top:10px;height:240px}}.contact{padding-top:70px;padding-bottom:100px;background-image:url(../img/contact_bk.webp);background-repeat:no-repeat;background-position:center;background-size:cover}.contact .common-title{color:#fff}.contact .links{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}@media(width <= 768px){.contact{padding-top:40px;padding-bottom:60px}.contact .links{gap:20px}}@media(width <= 450px){.contact .links{width:85%;margin-inline:auto;grid-template-columns:1fr;gap:20px;place-items:center}}.header{width:100%;background-color:var(--clr-main)}.header .inner{width:100%;height:100px;padding:10px 20px;display:flex;justify-content:center;align-items:center;gap:1em;position:relative;transition:.3s}.header .inner .logo a{text-decoration:none}@media(width <= 768px){.header .inner{height:80px}.header .inner .logo a img{max-width:240px}}.page-head{position:relative;width:100%;text-align:center}.page-head img{width:100%;max-width:1500px;height:auto}.page-head-sub{width:100%;height:150px;background-image:url(./img/head_sub_bk.webp);background-repeat:repeat;display:flex;justify-content:center;align-items:center;padding:20px}.page-head-sub .tit{font-weight:bold;font-size:1.5rem}@media(width <= 768px){.page-head-sub{height:110px}.page-head-sub .tit{font-size:1.3rem}}.footer{padding-top:50px;padding-bottom:50px}.copyright{display:block;font-size:.875rem;text-align:center;line-height:1.4}@media(width <= 768px){.footer{padding-top:30px;padding-bottom:30px}}.page-hero{background-color:var(--clr-main);width:100%}.page-hero .inner{height:400px;display:flex;flex-direction:column;justify-content:center;align-items:start}.page-hero .inner .page-label{display:flex;flex-direction:column;justify-content:center;align-items:start;transform:translateY(10px)}.page-hero .inner .page-label .first{display:inline-block;font-weight:bold;font-size:1.6rem;color:var(--clr-main);padding:5px 10px;background-color:var(--clr-white);line-height:1}.page-hero .inner .page-label .second{font-weight:normal;color:var(--clr-white)}@media(width <= 768px){.page-hero .inner{height:220px}.page-hero .inner .page-label .first{font-size:1.35rem;padding:5px 6px}}.page-main-block{padding:150px 0 50px}.page-title{text-align:left;font-weight:bold;color:var(--clr-main);line-height:1.4}.page-title .first{font-size:2rem}.page-title .second{font-size:1.4rem}@media(width <= 768px){.page-main-block{padding:50px 0 30px}.page-title{gap:.3rem}.page-title .first{font-size:1.6rem}.page-title .second{font-size:1.2rem}}.list-block .list{margin-top:5px;border-top:1px solid var(--clr-main);border-bottom:1px solid var(--clr-main)}.list-block .list li{padding:30px 30px 30px 50px;display:grid;grid-template-columns:100px 1fr;gap:70px;border-top:1px solid #f0f0f0}.list-block .list li:first-child{border-top:none}.list-block .list li .date{display:flex;flex-direction:column;align-items:start;font-weight:bold;text-align:right}.list-block .list li .date .nen{margin-left:-0.5rem}.list-block .list li .cont{display:flex;flex-direction:column;justify-content:center;align-items:start}.list-block .list li .cont .inner-list p{text-indent:-1em;padding-left:1em}.list-block .list li .tit{display:flex;flex-direction:column;justify-content:center;font-weight:bold}@media(width <= 768px){.list-block .list li{padding:15px 10px;display:grid;grid-template-columns:1fr;gap:5px}.list-block .list li:first-child{border-top:none}.list-block .list li .date{display:flex;flex-direction:row;align-items:start;font-weight:bold;text-align:right}.list-block .list li .date .nen{margin-left:0}.list-block .list li .cont{margin-top:3px}}.company-images{margin-top:80px}.company-images ul{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:30px 20px}@media(width <= 768px){.company-images{margin-top:40px}.company-images ul{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);gap:10px 10px}}/*# sourceMappingURL=style.css.map */