@layer theme,base;@layer components{#indexTop .mainVueVisualLayout{position:relative}#indexTop .mainVueVisualLayout .keyVisual img{width:100%}#indexTop .mainVueVisualLayout .posKeyWord{background-size:contain;width:58.5938%;max-width:750px;display:inline-block;position:absolute;top:47%;left:50%;transform:translateY(-50%)translate(-50%)}#indexTop .mainVueVisualLayout .postWhatsNewColumn{background:var(--color-white);width:100%;position:absolute;bottom:0;left:0}#indexTop .mainVueVisualLayout .postWhatsNewColumn .flexBox{background-color:var(--color-cream);display:flex}#indexTop .mainVueVisualLayout .postWhatsNewColumn .flexBox h3{background-color:var(--color-whatsnew);text-align:right;letter-spacing:1.05px;width:25%;max-width:320px;color:var(--color-black);padding:12px 30px;font-size:1.09375vw;line-height:1.43}#indexTop .mainVueVisualLayout .postWhatsNewColumn .flexBox .post{flex:1;align-items:center;padding:0 15px;display:flex}#indexTop .mainVueVisualLayout .postWhatsNewColumn .flexBox .post span{color:var(--color-white);background-color:var(--color-badge);border-radius:4px;padding:0 7px;font-size:.9375vw;display:block}#indexTop .mainVueVisualLayout .postWhatsNewColumn .flexBox .post time{padding:0 15px;font-size:1.4rem;display:block}#indexTop .mainVueVisualLayout .postWhatsNewColumn .flexBox .post h4{font-size:1.4rem}#indexTop .aboutPippoLayout .inner{margin:0 auto;display:flex;position:relative}#indexTop .aboutPippoLayout .inner .innerSizeBox{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:1;margin:0 auto;padding-bottom:80px}#indexTop .aboutPippoLayout .inner .innerSizeBox .txtBox{padding-top:12.6667%}#indexTop .aboutPippoLayout .inner .innerSizeBox h2{text-align:center;letter-spacing:2.7px;color:var(--color-text-strong);font-size:2.8125vw;font-weight:500;line-height:1}#indexTop .aboutPippoLayout .inner .innerSizeBox h2 span{color:var(--color-brand);letter-spacing:.05em;padding-top:15px;font-family:Josefin Sans,sans-serif;font-size:1.40625vw;line-height:1;display:block}#indexTop .aboutPippoLayout .inner .innerSizeBox hr{background-color:var(--color-brand);border:0;width:1px;height:55px;margin:25px auto;display:block}#indexTop .aboutPippoLayout .inner .innerSizeBox h3{letter-spacing:4.8px;text-align:center;color:var(--color-accent);padding-bottom:20px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:3.75vw;font-style:normal;font-weight:500;font-stretch:100%;line-height:1.5}#indexTop .aboutPippoLayout .inner .innerSizeBox p.txt{letter-spacing:normal;text-align:center;max-width:445px;color:var(--color-text);margin:0 auto;font-size:1.5625vw;font-style:normal;font-weight:400;font-stretch:100%;line-height:2}#indexTop .aboutPippoLayout .inner .imgBox{background-image:url(/images/index/index_img_about@2x.png);background-position:10px;background-repeat:no-repeat;background-size:cover;width:41.4063%;padding-top:61.64%}#indexTop .aboutPippoLayout .inner .moveBtn{padding-top:40px;display:block}#indexTop .aboutPippoLayout .inner .moveBtn a{border:1px solid var(--color-brand);text-align:center;background-image:url(/images/icons/icon_arrow_orange.svg);background-position:right 40px center;background-repeat:no-repeat;background-color:var(--color-white);width:340px;color:var(--color-text);border-radius:30px;margin:0 auto;padding:20px 0;font-size:1.1vw;line-height:1;display:block}#indexTop .businessContentLayout{background-image:url(/images/index/index_img_handmade_bg@2x.jpg);background-size:cover}#indexTop .businessContentLayout .inner{max-width:1270px;margin:0 auto;padding:0 20px;display:block}#indexTop .businessContentLayout .inner .tWoRpwColumn{width:100%;padding-top:6.29921%;padding-bottom:4.29921%;display:flex}#indexTop .businessContentLayout .inner .tWoRpwColumn .photo{width:50%;padding:0 4.3307% 0 0}#indexTop .businessContentLayout .inner .tWoRpwColumn .photo .photoBox{width:100%}#indexTop .businessContentLayout .inner .tWoRpwColumn .photo .photoBox img{margin-left:auto}#indexTop .businessContentLayout .inner .tWoRpwColumn .photo .photoBox:first-child{padding-right:7.75862%}#indexTop .businessContentLayout .inner .tWoRpwColumn .photo .photoBox:nth-child(2){margin-top:-20px}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox{width:50%;padding-right:10.1016%}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox{align-items:center;display:flex}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox h2{letter-spacing:2.7px;text-align:left;color:var(--color-text-strong);white-space:nowrap;font-size:2.8125vw;font-weight:500;line-height:1}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox span{letter-spacing:1.35px;text-align:left;color:var(--color-brand);white-space:nowrap;align-items:center;padding-left:30px;font-family:Josefin Sans,sans-serif;font-size:1.40625vw;line-height:1.5;display:flex}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox span:before{content:"";background:var(--color-brand);width:25px;height:1px;margin-left:.6em;margin-right:.6em;display:block}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox h3{letter-spacing:1px;text-align:left;color:var(--color-accent);padding-top:30px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.5625vw;font-weight:500;line-height:2}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox p.txt{letter-spacing:normal;text-align:left;color:var(--color-text);padding-top:20px;font-size:1.25vw;line-height:2}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .spPhoto{display:none}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox ul.list{padding-top:30px}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox ul.list li{letter-spacing:-.05em;padding-bottom:8px}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox ul.list li:last-child{padding-bottom:0}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox ul.list li a{text-align:left;color:var(--color-black);cursor:default;background-position:0;background-repeat:no-repeat;background-size:6px 12px;font-size:1.25vw;line-height:1.5;display:inline-block}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox ul.list li a span{padding-bottom:4px;display:block}#indexTop .businessContentLayout .inner .forMoreInformation{text-align:right;padding-bottom:6.29921%;padding-right:13.0081%;display:block}#indexTop .businessContentLayout .inner .forMoreInformation a{border:solid 1px var(--color-brand);background-color:var(--color-white);letter-spacing:1.5px;text-align:left;color:var(--color-text);background-image:url(/images/icons/icon_arrow_orange.svg);background-position:right 40px center;background-repeat:no-repeat;border-radius:30px;padding:20px 75px;font-size:1.17188vw;line-height:1;display:inline-block}#indexTop .newsAndWhatsNewLayout{background-color:#f0ebe599}#indexTop .newsAndWhatsNewLayout .inner{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}#indexTop .newsAndWhatsNewLayout .inner h2.newsTit{letter-spacing:2.25px;text-align:center;color:var(--color-text-strong);margin:40px 0;font-size:2.34375vw;font-weight:500;line-height:1.5}#indexTop .newsAndWhatsNewLayout .inner span.minTit{letter-spacing:1.35px;text-align:left;color:var(--color-brand);white-space:nowrap;justify-content:center;align-items:center;font-family:Josefin Sans,sans-serif;font-size:1.40625vw;line-height:1.5;display:flex}#indexTop .newsAndWhatsNewLayout .inner span.minTit:before,#indexTop .newsAndWhatsNewLayout .inner span.minTit:after{content:"";background:var(--color-brand);width:25px;height:1px;margin-left:.6em;margin-right:.6em;display:block}#indexTop .newsAndWhatsNewLayout .inner .newsLayout{padding-top:8.3333%}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout{background-color:var(--color-white);margin:30px 0 40px;padding:3.125% 5.2083%;display:block}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout a{background-image:url(/images/icons/icon_arrow_orange.svg);background-position:right 5px center;background-repeat:no-repeat;display:block}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout a:hover{background-position:right 0 center}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout ul li{border-bottom:1px solid var(--color-line);margin-bottom:20px;padding:0 30px 20px}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout ul li:last-child{margin-bottom:0}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl{display:flex}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dt time{letter-spacing:1.2px;text-align:left;color:var(--color-text);padding-right:2em;font-size:1.25vw;line-height:1.5;display:block}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dd{flex:1}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dd h3{letter-spacing:1.2px;text-align:left;color:var(--color-text-strong);font-size:1.25vw;line-height:1.5}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dd h3 span{letter-spacing:1.2px;text-align:left;color:var(--color-error);padding-left:2em;font-size:1.25vw;font-weight:500;line-height:1}#indexTop .newsAndWhatsNewLayout .inner .listIsHereBtn{text-align:center;padding-bottom:8.33333%;display:block}#indexTop .newsAndWhatsNewLayout .inner .listIsHereBtn .news{border:solid 1px var(--color-brand);background-color:var(--color-white);letter-spacing:1.5px;text-align:left;color:var(--color-text);background-image:url(/images/icons/icon_arrow_orange.svg);background-position:right 40px center;background-repeat:no-repeat;border-radius:30px;padding:20px 75px;font-size:1.17188vw;line-height:1;display:inline-block}#indexTop .snsRelatedIndex{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}#indexTop .snsRelatedIndex .inner{padding:80px 0 20px;position:relative}#indexTop .snsRelatedIndex .inner .snsBoxColumn{justify-content:space-between;width:100%;display:flex}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox{width:46.875%}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox h3{letter-spacing:normal;text-align:left;color:var(--color-white);text-align:center;padding:20px 0;font-size:1.5625vw;font-weight:700;line-height:1.6}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox h3 span{display:inline-block;position:relative}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox h3 span:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;margin:auto;position:absolute;top:0;bottom:0;left:-2em}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox h3.fb{background-color:var(--color-facebook)}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox h3.fb span:before{background-image:url(/images/icons/icon_facebook_idx.svg)}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox h3.ig{background-color:var(--color-instagram)}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox h3.ig span:before{background-image:url(/images/icons/icon_instagram_idx.svg)}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox{padding-top:10px}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox a{display:flex}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .thumbnail{border:1px solid var(--color-gray-light);background-size:cover;width:125px;height:125px;display:block}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .txtBox{flex:1;padding-left:20px}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .txtBox time{letter-spacing:normal;text-align:left;color:var(--color-text-faint);background-image:url(/images/icons/icon_calendar.svg);background-position:0;background-repeat:no-repeat;margin-bottom:10px;padding-left:2em;font-size:.9375vw;line-height:1.5;display:block;position:relative}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .txtBox h4{letter-spacing:normal;text-align:left;color:var(--color-black);height:4.2rem;font-size:1.40625vw;line-height:1.5;margin-bottom:10px!important}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .txtBox p{letter-spacing:normal;text-align:left;color:#6b6b6b;font-size:1.09375vw;line-height:1.43}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .moreBtn{padding-top:6.6666%}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .moreBtn a{letter-spacing:1.4px;text-align:center;background-position:right 40px center;background-repeat:no-repeat;background-size:6px 12px;border-radius:22px;width:64.4444%;margin:0 auto;padding:12px;font-size:1.09375vw;font-weight:500;line-height:1.43;display:block}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .moreBtn a.fb{border:solid 1px var(--color-facebook);color:var(--color-facebook);background-image:url(/images/icons/icon_arrow_blew.svg)}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .moreBtn a.ig{border:solid 1px var(--color-instagram);color:var(--color-instagram);background-image:url(/images/icons/icon_arrow_purple.svg)}@media screen and (width<=767px){#indexTop .mainVueVisualLayout .posKeyWord{width:80.6667%;top:40%;left:50%;transform:translateY(-40%)translate(-50%)}#indexTop .mainVueVisualLayout .postWhatsNewColumn{display:none}#indexTop .aboutPippoLayout .inner .innerSizeBox{padding-bottom:60px}#indexTop .aboutPippoLayout .inner .innerSizeBox hr{height:25px;margin:15px auto}#indexTop .aboutPippoLayout .inner .innerSizeBox p.txt{text-align:left;padding:0 25px}#indexTop .aboutPippoLayout .inner .imgBox{display:none}#indexTop .aboutPippoLayout .inner .moveBtn a{width:80%;max-width:340px}#indexTop .businessContentLayout .inner .tWoRpwColumn{display:block}#indexTop .businessContentLayout .inner .tWoRpwColumn .photo{display:none}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox{width:100%;padding-right:0}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox{display:block}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox h2{text-align:center;padding-bottom:.5em}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox span{text-align:center;padding:0}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox h3{padding:40px 0 0}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox p.txt{padding-bottom:20px}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .spPhoto{display:block}#indexTop .newsAndWhatsNewLayout .inner span.minTit{text-align:center;padding:0}#indexTop .newsAndWhatsNewLayout .inner .newsLayout{padding-top:60px}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout ul li{padding:0 10px 20px}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout ul li:last-child{border-bottom:0}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl{display:block}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dt time{padding-bottom:1em}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dd h3 span{display:none}#indexTop .snsRelatedIndex .inner .snsBoxColumn{display:block}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox{width:100%}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox h3 span:before{left:-30px}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .moreBtn a{width:100%}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .moreBtn a.fb{margin-bottom:60px}}@media screen and (width>=1280px){#indexTop .mainVueVisualLayout .keyVisual{width:100%;max-height:615px;overflow:hidden}#indexTop .mainVueVisualLayout .keyVisual img{object-fit:cover;height:615px;height:inherit;max-height:100vh}#indexTop .mainVueVisualLayout .postWhatsNewColumn .flexBox h3{font-size:1.4rem}#indexTop .mainVueVisualLayout .postWhatsNewColumn .flexBox .post span{font-size:1.2rem}#indexTop .aboutPippoLayout .inner .innerSizeBox h2{font-size:3rem}#indexTop .aboutPippoLayout .inner .innerSizeBox h2 span{font-size:1.8rem}#indexTop .aboutPippoLayout .inner .innerSizeBox h3{font-size:4.8rem}#indexTop .aboutPippoLayout .inner .innerSizeBox p.txt{font-size:2rem}#indexTop .aboutPippoLayout .inner .imgBox{padding-top:790px}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox h2{font-size:3.6rem}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox span{font-size:1.8rem}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox h3{font-size:2rem}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox p.txt,#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox ul.list li a{font-size:1.6rem}#indexTop .businessContentLayout .inner .forMoreInformation a{font-size:1.5rem}#indexTop .newsAndWhatsNewLayout .inner h2.newsTit{font-size:3rem}#indexTop .newsAndWhatsNewLayout .inner span.minTit{font-size:1.8rem}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dt time,#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dd h3,#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dd h3 span{font-size:1.6rem}#indexTop .newsAndWhatsNewLayout .inner .listIsHereBtn .news{font-size:1.5rem}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox h3{font-size:2rem}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .txtBox time{font-size:1.2rem}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .txtBox h4{font-size:1.8rem}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .txtBox p,#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .moreBtn a{font-size:1.4rem}}@media screen and (width<=767px) and (width<=767px){#indexTop .aboutPippoLayout .inner .innerSizeBox .txtBox .moveBtn .detail{font-size:3.46667vw}#indexTop .aboutPippoLayout .inner .innerSizeBox h2{font-size:8.53333vw}#indexTop .aboutPippoLayout .inner .innerSizeBox h2 span{font-size:4.26667vw}#indexTop .aboutPippoLayout .inner .innerSizeBox h3{font-size:5.33333vw}#indexTop .aboutPippoLayout .inner .innerSizeBox p.txt{font-size:4.26667vw}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox h2{font-size:6vw}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox .titBox span{font-size:4vw}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox h3{font-size:4.8vw}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox p.txt{font-size:4.26667vw}#indexTop .businessContentLayout .inner .tWoRpwColumn .txtBox ul.list li a{font-size:3.73333vw}#indexTop .newsAndWhatsNewLayout .inner h2.newsTit{font-size:6vw}#indexTop .newsAndWhatsNewLayout .inner span.minTit{font-size:4vw}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dt time{font-size:3.73333vw}#indexTop .newsAndWhatsNewLayout .inner .newsLayout .infoLayout dl dd h3{font-size:4.26667vw}#indexTop .newsAndWhatsNewLayout .inner .listIsHereBtn .news{font-size:3.46667vw}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox h3{font-size:3.86667vw}#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .txtBox time,#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .txtBox h4,#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .detailBox .txtBox p,#indexTop .snsRelatedIndex .inner .snsBoxColumn .snsBox .moreBtn a{font-size:3.73333vw}}}@layer utilities;