section.heroArea{--hero-aspect:1812 / 952;--ysdy-fontSize:calc(var(--vw) * 11.71875);--ysdy-font-top:calc(var(--vw) * -2.39583);--ysdy-font-btm:calc(var(--vw) * -1.66667);--catch-font-size:calc(var(--vw) * 1.875);--catch-letter-spacing:calc(var(--vw) * 1.09375);aspect-ratio:var(--hero-aspect);background-color:#656565;width:100%;overflow:hidden;position:relative}@media screen and (max-width: 520px){section.heroArea{--hero-aspect:375 / 606;--catch-font-size:calc(var(--vw) * 5.86667)}}section.heroArea #heroSlider .slide{aspect-ratio:var(--hero-aspect);width:100%;height:100%;display:flex;justify-content:flex-start;align-items:stretch;background-color:#000}@media screen and (max-width: 520px){section.heroArea #heroSlider .slide{flex-direction:column}}section.heroArea #heroSlider .slide figure{opacity:0.75;flex:1 0 0}@media screen and (max-width: 520px){section.heroArea #heroSlider .slide figure{aspect-ratio:375 / 303}}section.heroArea #heroSlider .slide figure img{object-fit:cover;width:100%;height:100%}section.heroArea .catch{position:absolute;place-self:center;inset:0;z-index:2;color:#fff;text-shadow:0 0 12px rgba(0,0,0,0.85);font-family:var(--title);font-size:var(--catch-font-size);font-style:normal;font-weight:400;line-height:normal;letter-spacing:var(--catch-letter-spacing);text-align:center}section.heroArea:after,section.heroArea:before{content:"YOSHIDAYA";color:var(--primary-light, #ece7e2);font-family:"Inria Serif";font-size:var(--ysdy-fontSize);font-style:normal;font-weight:400;line-height:1;position:absolute;z-index:2}section.heroArea:before{top:var(--ysdy-font-top);left:0}section.heroArea:after{bottom:var(--ysdy-font-btm);right:0}body.top{--padding-side:calc(var(--vw) * 5.625);--top-gap:calc(var(--vw) * 8.33333)}@media screen and (max-width: 820px){body.top{--top-gap:calc(var(--vw) * 13.02083)}}@media screen and (max-width: 520px){body.top{--padding-side:calc(var(--vw) * 5.33333);--top-gap:calc(var(--vw) * 26.66667)}}body.top header#header{opacity:0;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}@media screen and (max-width: 520px){body.top header#header{opacity:1 !important}}body.top header#header.active{opacity:1}.fl{display:flex;flex-direction:column;align-items:center;gap:var(--top-gap);align-self:stretch}section.news-one{margin-top:var(--spacing-s);padding:0 var(--padding-side);display:flex;align-content:center;align-items:stretch}@media screen and (max-width: 820px){section.news-one{flex-direction:column}}section.news-one .newsArea{flex:1 0 0;background-color:var(--basic-white)}@media screen and (max-width: 820px){section.news-one .newsArea{--koteiHeight:calc(var(--vw) * 10.41667)}}@media screen and (max-width: 520px){section.news-one .newsArea{--koteiHeight:calc(var(--vw) * 21.33333)}}section.news-one .newsArea .newsList{display:block;border-top:none;height:calc(var(--vw) * 3.69792);overflow-y:hidden}@media screen and (max-width: 820px){section.news-one .newsArea .newsList{height:unset}}@media screen and (max-width: 820px){section.news-one .newsArea .newsList{height:var(--koteiHeight);overflow:hidden}}section.news-one .newsArea .newsList article{padding-top:0;padding-bottom:0;border-bottom:none;width:stretch !important}@media screen and (max-width: 820px){section.news-one .newsArea .newsList article{padding:var(--spacing-xs);height:var(--koteiHeight)}}section.news-one .newsArea .newsList article .title span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}section.news-one .left{display:flex;flex-direction:row}@media screen and (max-width: 820px){section.news-one .left{height:calc(var(--vw) * 6.51042)}}@media screen and (max-width: 520px){section.news-one .left{height:calc(var(--vw) * 13.33333)}}section.news-one .control{flex-shrink:0;width:calc(var(--vw) * 1.97917);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1px;background-color:var(--primary-base)}@media screen and (max-width: 820px){section.news-one .control{width:38px}}section.news-one .control .key{cursor:pointer;background-color:var(--primary-more_light);display:flex;flex:1 0 0;align-self:stretch;align-items:center;justify-content:center;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}section.news-one .control .key:after{content:"";display:inline-block;aspect-ratio:9 / 10;width:calc(var(--vw) * .72917);mask-image:url("../img/icon/btnArrow.svg");mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;-webkit-mask-image:url("../img/icon/btnArrow.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:100% 100%;background-color:var(--basic-black);-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}@media screen and (max-width: 820px){section.news-one .control .key:after{width:calc(var(--vw) * 1.5625)}}@media screen and (max-width: 520px){section.news-one .control .key:after{width:calc(var(--vw) * 3.2)}}@media (hover: hover){section.news-one .control .key:hover{background-color:var(--primary-dark)}section.news-one .control .key:hover:after{background-color:var(--basic-white)}}section.news-one .control .prev:after{rotate:-90deg}section.news-one .control .next:after{rotate:90deg}section.news-one .more{flex-shrink:0;display:flex;padding:8px var(--spacing-s, 16px);justify-content:center;align-items:center;gap:10px;align-self:stretch;text-decoration:none;background:var(--primary-base, #bab3ad)}section.news-one .more:after{content:"";display:inline-block;aspect-ratio:9 / 10;width:calc(var(--vw) * .72917);mask-image:url("../img/icon/btnArrow.svg");mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;-webkit-mask-image:url("../img/icon/btnArrow.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:100% 100%;background-color:var(--basic-black);-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}@media screen and (max-width: 820px){section.news-one .more:after{width:calc(var(--vw) * 1.5625)}}@media screen and (max-width: 520px){section.news-one .more:after{width:calc(var(--vw) * 3.2)}}@media (hover: hover){section.news-one .more:hover{color:var(--basic-white);background-color:var(--primary-dark)}section.news-one .more:hover:after{background-color:var(--basic-white)}}@media screen and (max-width: 820px){section.news-one .more{flex:1}}.newsOuter{margin-top:var(--spacing-xxl)}@media screen and (max-width: 820px){.newsOuter{margin-top:var(--spacing-xl)}}section.yutakani{display:flex;padding:var(--spacing-xxl, 96px) 0;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xl, 64px);align-self:stretch;background-image:url(../img/top/bg_top_mes.webp);background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 820px){section.yutakani{gap:var(--spacing-l)}}@media screen and (max-width: 520px){section.yutakani{background-image:url(../img/top/bg_top_mes_sp.webp)}}section.yutakani h2{color:var(--primary-dark, #6e655d);font-family:var(--title);font-size:calc(var(--vw) * 3.75);font-style:normal;font-weight:600;line-height:180%;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:25%;text-underline-position:from-font;text-align:center}@media screen and (max-width: 520px){section.yutakani h2{font-size:calc(var(--vw) * 11.2)}}section.yutakani p{color:var(--basic-black, #333);text-align:center;text-shadow:0 0 9px var(--primary-light, #ece7e2);font-family:var(--title, "Noto Serif JP");font-size:var(--h3);font-style:normal;font-weight:400;line-height:290%;margin-bottom:0}@media screen and (max-width: 820px){section.yutakani p{line-height:200%}}@media screen and (max-width: 520px){section.yutakani p{line-height:240%}}@media screen and (max-width: 520px){section.yutakani p{font-size:var(--h5)}}section{width:100%}section .head{display:flex;align-items:flex-end;justify-content:space-between;padding-right:var(--padding-side);padding-left:var(--padding-side)}@media screen and (max-width: 820px){section .head{flex-direction:column;align-items:flex-start}}section .head a.btn{margin-left:0 !important}section .head .text h2{color:var(--primary-dark, #6e655d);font-family:var(--title, "Noto Serif JP");font-size:var(--txt, 22px);font-style:normal;font-weight:400;line-height:normal}section .head .text h2:before{content:"◆";padding-right:var(--spacing-xs)}section .head .text .en{color:var(--basic-black, #333);font-family:var(--ENG, "Inria Serif");font-size:var(--top_h2, 140px);font-style:normal;font-weight:400;line-height:100%}section.business{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-l, 32px)}section.works{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-l, 32px)}@media screen and (max-width: 520px){section.works .articles{gap:10px}}section.works .articles article{aspect-ratio:780 / 585;overflow:hidden;width:calc(var(--vw) * 27.08333);flex-shrink:0;position:relative}@media screen and (max-width: 1366px){section.works .articles article{width:calc(var(--vw) * 26.35432)}}@media screen and (max-width: 820px){section.works .articles article{width:calc(var(--vw) * 62.5)}}@media screen and (max-width: 520px){section.works .articles article{width:calc(var(--vw) * 89.33333)}}section.works .articles article img.photo{object-fit:cover;width:100%;height:100%;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}section.works .articles article:first-of-type{margin-left:var(--padding-side)}section.works .articles article:last-of-type{margin-right:var(--padding-side)}section.works .articles article .frame{display:flex;width:100%;padding:var(--spacing-xxl, 96px) var(--spacing-m, 24px) var(--spacing-m, 24px) var(--spacing-m, 24px);flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;background:linear-gradient(180deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);position:absolute;left:0;bottom:0;color:var(--basic-white)}@media screen and (max-width: 520px){section.works .articles article .frame{padding:var(--spacing-xxl, 96px) var(--spacing-s, 16px) var(--spacing-s, 16px) var(--spacing-s, 16px);gap:10px}}section.works .articles article .frame .locate{display:flex;align-items:center;gap:10px;color:var(--basic-white, #fff);font-family:var(--JP);font-size:var(--txt, 22px);font-style:normal;font-weight:400;line-height:1}section.works .articles article .frame .title{color:var(--basic-white, #fff);font-family:var(--JP);font-size:var(--h3);font-style:normal;font-weight:400;line-height:1}section.works .articles article .frame .cate{display:flex;padding:var(--spacing-xxs) var(--spacing-xs) var(--spacing-xs);align-items:center;gap:10px;background:var(--primary-more_light, #f7f2ee);color:var(--basic-black, #333);font-family:var(--JP);font-size:var(--txt, 22px);font-style:normal;font-weight:400;line-height:1}@media (hover: hover){section.works .articles article a:hover img.photo{opacity:0.7}}section.contact{background-color:#000;position:relative}section.contact .bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;opacity:0.3;background-image:url(../img/top/footer-pc.webp);background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 820px){section.contact .bg{background-image:url(../img/top/footer-sp.webp)}}section.contact .wrap{display:flex;padding:var(--spacing-xxl, 96px) var(--main-margin, 108px);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-l, 32px);align-self:stretch;color:var(--basic-white);position:relative;z-index:1}section.contact .wrap .head{padding-left:0;padding-right:0}section.contact .wrap .head .text h2,section.contact .wrap .head .text .en{color:var(--basic-white)}section.contact .wrap p{color:var(--basic-white);margin-bottom:0}section.contact .wrap .telfax{display:flex;align-items:stretch;gap:var(--spacing-m, 24px);align-self:stretch;color:var(--basic-white);font-family:var(--title);font-size:var(--h2);font-style:normal;font-weight:400;line-height:1.4}section.contact .wrap .telfax a{text-decoration:none;color:var(--basic-white);font-family:var(--title);font-size:var(--h2);font-style:normal;font-weight:400;line-height:1.4}section.contact .wrap .telfax .line{width:1px;background-color:var(--basic-white)}@media screen and (max-width: 820px){section.contact .wrap .telfax{flex-direction:column;gap:var(--spacing-xs)}section.contact .wrap .telfax .line{width:66px;height:1px}}section.contact .wrap .btns{display:flex;align-items:stretch;gap:var(--gap, 40px);align-self:stretch;width:100%}@media screen and (max-width: 820px){section.contact .wrap .btns{flex-direction:column}}section.contact .wrap .btns a.btn{margin:0 !important;padding:10px var(--spacing-s, 16px);width:calc((99.99% - (var(--gap) * 2)) / 3);padding-right:calc(var(--vw) * 5.20833) !important;height:calc(var(--vw) * 5.46875) !important}section.contact .wrap .btns a.btn::after{border-radius:0}section.contact .wrap .btns a.btn::before{height:calc(var(--vw) * .72917) !important}section.contact .wrap .btns a.btn span{color:var(--basic-black);font-family:var(--title);font-size:var(--h4);font-style:normal;font-weight:400;line-height:normal}@media (hover: hover){section.contact .wrap .btns a.btn:hover span{color:var(--basic-white)}}@media screen and (max-width: 820px){section.contact .wrap .btns a.btn{width:100%;height:75px !important;padding-right:calc(var(--vw) * 15.625) !important}section.contact .wrap .btns a.btn::before{height:calc(var(--vw) * 1.82292) !important}}@media screen and (max-width: 820px){section.contact .wrap .btns a.btn{padding-right:calc(var(--vw) * 24) !important}section.contact .wrap .btns a.btn::before{height:calc(var(--vw) * 3.2) !important}}