.yokuchi-tutorials{width:100%;max-width:none;margin:0;padding:0;background:#faf9f7}
.yokuchi-inspirations-gallery{padding:84px 0 110px;background:#faf9f7}
.yokuchi-inspirations-gallery__shell{width:min(calc(100% - 48px),1438px);margin:auto}
.yokuchi-inspirations-gallery h1{margin:0 0 48px;color:#292929;font-size:28px;font-weight:500;letter-spacing:8px;text-transform:uppercase}
.yokuchi-inspirations-gallery .envira-gallery-wrap{max-width:none;margin:0}
.yokuchi-inspirations-gallery .envira-lazy > .envira-gallery-image{position:absolute;inset:0;display:block;width:100%;height:100% !important;object-fit:cover}
.yokuchi-tutorials-index{padding:84px 0 110px;background:#faf9f7}
.yokuchi-tutorials-index h1{margin:0 0 48px;color:#292929;font-size:28px;font-weight:500;letter-spacing:8px}
.yokuchi-tutorials-index__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.yokuchi-tutorials-index__card{display:block;background:#fff;color:#292929;text-decoration:none}
.yokuchi-tutorials-index__card img{display:block;width:100%;aspect-ratio:467/294;object-fit:cover}
.yokuchi-tutorials-index__card span{display:block;padding:24px 28px;font-size:18px;line-height:1.4}
.yokuchi-tutorials-index__card:hover span,.yokuchi-tutorials-index__card:focus span{color:#e31e24}
@media(max-width:767px){.yokuchi-inspirations-gallery{padding:56px 0 72px}.yokuchi-inspirations-gallery__shell{width:calc(100% - 32px)}.yokuchi-inspirations-gallery h1{font-size:22px;letter-spacing:5px}}
@media(max-width:767px){.yokuchi-tutorials-index{padding:56px 0 72px}.yokuchi-tutorials-index h1{font-size:22px;letter-spacing:5px}.yokuchi-tutorials-index__grid{grid-template-columns:1fr}.yokuchi-tutorials-index__card span{padding:20px;font-size:16px}}
.yokuchi-tutorials__shell{width:min(calc(100% - 48px),1438px);margin-inline:auto}
.yokuchi-tutorials__hero{min-height:478px;background:#f2eeed var(--yokuchi-tutorial-hero) right center / 45% auto no-repeat}
.yokuchi-tutorials__hero .yokuchi-tutorials__shell{display:flex;min-height:478px;align-items:center}
.yokuchi-tutorials__hero-copy{max-width:600px}
.yokuchi-tutorials__hero h1{margin:0;color:#292929;font-size:28px;font-weight:500;letter-spacing:8px;line-height:40px}
.yokuchi-tutorials__hero-copy>p{margin:8px 0 0;color:#555;font-size:16px;font-weight:300;line-height:24px}
.yokuchi-tutorials__hero-copy>span,.yokuchi-tutorials__section-title>span{display:block;width:61px;height:2px;margin-top:20px;background:#e31e24}
.yokuchi-tutorials__steps{padding:124px 0 72px}
.yokuchi-tutorials__step-grid,.yokuchi-tutorials__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:53px 20px}
.yokuchi-tutorial-step{min-width:0;margin:0;background:#fff}
.yokuchi-tutorial-step>img{display:block;width:100%;aspect-ratio:467/294;object-fit:cover}
.yokuchi-tutorial-step__copy{min-height:295px;padding:36px 40px 40px;color:#2b2b2b}
.yokuchi-tutorial-step__copy h2{margin:0 0 25px;font-size:16px;font-weight:500;line-height:24px}
.yokuchi-tutorial-step__copy p{margin:0;color:#555;font-size:16px;font-weight:300;line-height:24px}
.yokuchi-tutorials__more{padding:0 0 128px;background:#faf9f7}
.yokuchi-tutorials__section-title h2{margin:0;color:#292929;font-size:28px;font-weight:500;letter-spacing:8px;line-height:40px}
.yokuchi-tutorials__section-title>span{margin-top:25px}
.yokuchi-tutorials__cards{gap:55px 20px;margin-top:75px}
.yokuchi-tutorial-thumb{min-width:0;margin:0}
.yokuchi-tutorial-thumb img{display:block;width:100%;aspect-ratio:467/294;object-fit:cover}
.yokuchi-tutorial-thumb figcaption{padding-top:12px;color:#555;font-size:16px;font-weight:400;line-height:24px}
.yokuchi-tutorials+.yokuchi-product-home-sections .yokuchi-cooperate{margin-top:0}
.yokuchi-entry-content--tutorial-with-hero>h1:first-child,.yokuchi-entry-content--tutorial-with-hero>h1:first-child+p,.yokuchi-entry-content--tutorial-with-hero>p:first-child{display:none}
#page .entry-content.yokuchi-entry-content--tutorial-with-hero{width:calc(100% - 80px)!important;max-width:1440px!important;margin-inline:auto!important}
.yokuchi-entry-content--tutorial-with-hero .envira-gallery-wrap{width:100%!important;max-width:none!important;margin-inline:auto!important}
@media(max-width:767px){#page .entry-content.yokuchi-entry-content--tutorial-with-hero{width:calc(100% - 32px)!important}}
@media(max-width:960px){.yokuchi-tutorials__step-grid,.yokuchi-tutorials__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.yokuchi-tutorial-step__copy{padding:28px;min-height:260px}}
@media(max-width:767px){.yokuchi-tutorials__shell{width:calc(100% - 32px)}.yokuchi-tutorials__hero,.yokuchi-tutorials__hero .yokuchi-tutorials__shell{min-height:350px}.yokuchi-tutorials__hero{background-position:center bottom;background-size: 55% auto}.yokuchi-tutorials__hero .yokuchi-tutorials__shell{align-items:flex-start;padding-top:80px}.yokuchi-tutorials__hero h1,.yokuchi-tutorials__section-title h2{font-size:22px;line-height:1.4;letter-spacing:5px}.yokuchi-tutorials__steps{padding:70px 0 60px}.yokuchi-tutorials__step-grid{grid-template-columns:1fr;gap:28px}.yokuchi-tutorial-step__copy{min-height:0;padding:24px 22px 30px}.yokuchi-tutorial-step__copy p{font-size:14px;line-height:22px}.yokuchi-tutorials__more{padding-bottom:75px}.yokuchi-tutorials__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px;margin-top:40px}.yokuchi-tutorial-thumb figcaption{font-size:13px}}