:root{--base-size:1400}@media (max-width:768px){:root{--base-size:750}}.app{position:relative;width:100%;height:100%;overflow:hidden;background-image:url(../imgs/house/common/pc/kasou_bg_sky.jpg);background-position:top;background-repeat:repeat-x;background-size:auto 100%}@media (max-width:768px){.app{top:0;max-height:100%;background-image:none}}@media (max-width:768px){.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../imgs/house/common/sp/sp_bg_kasou.jpg);background-position:100% 100%;background-repeat:no-repeat;background-size:cover;z-index:-1}}.app:after{content:"";position:absolute;right:0;bottom:7px;width:100%;height:25.97254vh;background-image:url(../imgs/house/common/pc/kasou_bg_bottom.png);background-position:100% 100%;background-repeat:repeat-x;background-size:contain}@media (-ms-high-contrast:none){.app:after{bottom:16px}}@media (max-width:768px){.app:after{content:none}}.app section{width:auto;z-index:1}@media (max-width:768px){.app section{width:100%}}.app img{width:100%;height:auto}.app ul{list-style:none}.app a{text-decoration:none}.app picture{width:auto;min-width:0;height:100%}.app .wrapper{position:static;padding:6.29291vh 6.63616vh 11.89931vh 14.18764vh;width:100%;height:100%;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;overflow-y:hidden;overflow-x:scroll}@media (max-width:768px){.app .wrapper{padding:calc(72/var(--base-size)*100%) calc(44/var(--base-size)*100%) calc(186/var(--base-size)*100%);-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;overflow-x:hidden}}.app .wrapper::-webkit-scrollbar{height:7px}.app .wrapper::-webkit-scrollbar-thumb{border-radius:10px;background:#9e976f}.app .wrapper::-webkit-scrollbar-track{background:#fffef9}footer{background-color:#fff;z-index:1}.heading{margin:0 0 0 5.72082vh;padding:0;right:0;overflow:hidden;opacity:0;-webkit-transform:translate(60px);transform:translate(60px)}.heading.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:.3s;transition-delay:.3s}@media (max-width:768px){.heading{margin:0 0 calc(80/var(--base-size)*100%)}}.heading__inner{overflow:hidden}.heading__cover{position:relative;height:100%;overflow:hidden;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}@media (max-width:768px){.heading__cover{width:100%;height:auto;right:0}}.heading__cover img{width:auto;max-height:100%}@media (max-width:768px){.heading__cover img{width:100%;height:auto;max-height:none}}.heading__torecipe{position:absolute;right:4.57666vh;bottom:13.61556vh;width:9.61098vh;cursor:pointer;-webkit-transition:-webkit-transform .4s cubic-bezier(.24,.7,.56,1);transition:-webkit-transform .4s cubic-bezier(.24,.7,.56,1);transition:transform .4s cubic-bezier(.24,.7,.56,1);transition:transform .4s cubic-bezier(.24,.7,.56,1),-webkit-transform .4s cubic-bezier(.24,.7,.56,1)}.heading__torecipe:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}@media (max-width:768px){.heading__torecipe{right:calc(100/var(--base-size)*59*1vw);bottom:calc(100/var(--base-size)*136*1vw);width:calc(100/var(--base-size)*102*1vw);height:auto}}.story{margin:0 0 0 5.72082vh;padding:8.23799vh 8.23799vh 6.63616vh 4.02746vh;background-color:#fffef9;border:2px solid #000;font-family:Shippori Mincho,serif;opacity:0}.story,.story.is-active{-webkit-transform:translate(0);transform:translate(0)}.story.is-active{opacity:1;-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:1.7s;transition-delay:1.7s}@media (max-width:768px){.story{margin:0 0 calc(190/var(--base-size)*100%);padding:calc(160/var(--base-size)*100%) calc(22/var(--base-size)*100%) calc(60/var(--base-size)*100%);opacity:0;-webkit-transition:opacity .8s linear;transition:opacity .8s linear;-webkit-animation:fadeIn .8s linear 1s forwards;animation:fadeIn .8s linear 1s forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.story__name{display:inline-block;position:absolute;top:2.63158vh;right:2.0595vh;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;color:#e1dcc1;font-size:3.43249vh;font-style:italic;line-height:1}@media (max-width:768px){.story__name{top:calc(100/var(--base-size)*20*1vw);left:calc(100/var(--base-size)*25*1vw)}}.story__paragraph{margin:0 0 0 4.57666vh;font-size:2.0595vh;font-weight:500}@media (max-width:768px){.story__paragraph{margin:0 0 calc(40/var(--base-size)*100%) 0;font-size:calc(100/var(--base-size)*25*1vw);opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.story__paragraph.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:.3s;transition-delay:.3s}}.story__char{display:inline-block;margin:0 0 .1vh .5vh;vertical-align:middle;opacity:0;-webkit-animation:fadeIn .6s linear forwards;animation:fadeIn .6s linear forwards}.story__char--mark,.story__char--num{text-combine-upright:all}.story__char--colon{margin:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.story__char--amount,.story__char--colon{vertical-align:super}@media (max-width:768px){.story__char{margin:0}.story__char--colon{-webkit-transform:initial;transform:none;text-align:initial}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.story__illust{position:relative;margin:0 0 0 3.43249vh}.story__illust .story__splitwrap{width:100%;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}@media (max-width:768px){.story__illust{margin:calc(70/var(--base-size)*100%) auto calc(30/var(--base-size)*100%);right:3%;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.story__illust.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:.3s;transition-delay:.3s}}.story__illust--illust1{top:12.35698vh;width:42.79176vh}.story__illust--illust1 .story__splitwrap{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);-webkit-animation:fadeInUp .6s linear forwards;animation:fadeInUp .6s linear forwards}.story__illust--illust1-bottom{top:32.83753vh}@media (max-width:768px){.story__illust--illust1{top:auto;width:81.9697%;height:auto}.story__illust--illust1-bottom{top:auto}}.story__illust--illust2{width:44.73684vh}.story__illust--illust2 .story__splitwrap{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);-webkit-animation:fadeInUp .6s linear forwards;animation:fadeInUp .6s linear forwards}@media (max-width:768px){.story__illust--illust2{width:87.27273%;height:auto}}.story__illust--illust3{margin:0;width:48.16934vh}.story__illust--illust3-bottom{margin:0 0 0 4.57666vh;left:auto;top:35.24027vh}.story__illust--illust3-bottom .story__splitwrap{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);-webkit-animation:fadeInUp .6s linear forwards;animation:fadeInUp .6s linear forwards}@media (max-width:768px){.story__illust--illust3{margin:0 auto calc(15/var(--base-size)*100%);left:auto;width:78.93939%;height:auto}.story__illust--illust3-bottom{margin:calc(70/var(--base-size)*100%) auto calc(55/var(--base-size)*100%);top:auto}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}40%{opacity:0}90%{-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}40%{opacity:0}90%{-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.story__last{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.story__last .story__splitwrap{width:100%;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);-webkit-animation:fadeInUp .6s linear forwards;animation:fadeInUp .6s linear forwards}@media (max-width:768px){.story__last{margin:calc(70/var(--base-size)*100%) 0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.story__texts{margin:0 0 0 2.26545vh;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}@media (max-width:768px){.story__texts{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 0 0 calc(26/var(--base-size)*100%)}}.story__text{font-style:italic;line-height:1}@media (max-width:768px){.story__text{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.story__text.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:.3s;transition-delay:.3s}}.story__text--title{margin:0 0 calc(100/var(--base-size)*13*1vh) .2vh;font-size:2vh;font-weight:500}.story__text--title .story__char{margin:0 0 0 .2vh}@media (max-width:768px){.story__text--title{margin:0 0 calc(18/var(--base-size)*100%);font-size:calc(100/var(--base-size)*27*1vw)}}.story__text--fin{font-size:4.8vh;font-weight:700}@media (max-width:768px){.story__text--fin{font-size:7.2vw}}.recipe{margin:0 0 0 2.28833vh;padding:0}@media (max-width:768px){.recipe{margin:0 0 calc(66/var(--base-size)*100%)}}.recipe__title{margin:0 0 0 4.23341vh;font-size:3.4vh;font-weight:500;font-family:Shippori Mincho,serif;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.recipe__title.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:.3s;transition-delay:.3s}@media (max-width:768px){.recipe__title{margin:0 auto calc(90/var(--base-size)*100%);font-size:6vw;text-align:center}}.recipe__title img{width:auto;max-height:100%}@media (max-width:768px){.recipe__title img{width:100%;height:auto;max-height:none}}.recipe__image{margin:0 0 0 3.08924vh;height:100%;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.recipe__image.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:.3s;transition-delay:.3s}@media (max-width:768px){.recipe__image{margin:0 0 calc(40/var(--base-size)*100%);width:100%;height:auto}}.recipe__image img{width:auto;height:100%}@media (max-width:768px){.recipe__image img{width:100%;height:auto}}.recipe__banner{margin:0 0 0 4.23341vh;height:100%;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.recipe__banner.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:.3s;transition-delay:.3s}@media (max-width:768px){.recipe__banner{margin:0 0 calc(89/var(--base-size)*100%);width:100%;height:auto}}.recipe__banner img{width:auto;height:100%}@media (max-width:768px){.recipe__banner img{width:100%;height:auto}}.recipe__banner-link{display:block;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;height:100%}@media (max-width:768px){.recipe__banner-link{width:100%;height:auto}}.recipe__banner-link:hover{opacity:.8}@media (max-width:768px){.recipe__banner-link:hover{opacity:1}}.recipe__share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:revert;flex-direction:revert;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 0 10.29748vh;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.recipe__share.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:.3s;transition-delay:.3s}@media (max-width:768px){.recipe__share{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 0 calc(117/var(--base-size)*100%)}}.recipe__share:after{content:"";position:absolute;top:0;left:0;width:1.14416vh;height:100%;background-image:url(../imgs/house/common/pc/pc_border.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%)}@media (max-width:768px){.recipe__share:after{top:auto;bottom:0;width:100%;height:calc(100/var(--base-size)*11*1vw);background-image:url(../imgs/house/common/sp/sp_border.png);-webkit-clip-path:polygon(50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 0,50% 0,50% 0,50% 0)}}.recipe__share.is-active:after{-webkit-animation:lineforpc 1.4s cubic-bezier(.215,.61,.355,1) .3s forwards;animation:lineforpc 1.4s cubic-bezier(.215,.61,.355,1) .3s forwards}@media (max-width:768px){.recipe__share.is-active:after{-webkit-animation:lineforsp 1.4s cubic-bezier(.215,.61,.355,1) .3s forwards;animation:lineforsp 1.4s cubic-bezier(.215,.61,.355,1) .3s forwards}}@-webkit-keyframes lineforpc{0%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@-webkit-keyframes lineforsp{0%{-webkit-clip-path:polygon(50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 0,50% 0,50% 0,50% 0)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.recipe__balloon{position:relative;margin:0 0 3.66133vh;padding:2.86041vh 2.17391vh;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 0 5px #c5c5c5;box-shadow:0 0 5px #c5c5c5;color:#35312f;font-size:2.0595vh;font-weight:700;line-height:1;-webkit-animation:bounce 4s cubic-bezier(.645,.045,.355,1) infinite forwards;animation:bounce 4s cubic-bezier(.645,.045,.355,1) infinite forwards}@media (max-width:768px){.recipe__balloon{margin:0 calc(50% - 500/var(--base-size)*100%/2) calc(53/var(--base-size)*100%);padding:2.97483%;width:100%;font-size:3vw;text-align:center}}.recipe__balloon:before{border:.91533vh solid transparent;border-top:1.71625vh solid #fff;z-index:10}.recipe__balloon:after,.recipe__balloon:before{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.recipe__balloon:after{border:1.14416vh solid transparent;border-top:1.94508vh solid #efefef}@-webkit-keyframes bounce{0%{-webkit-transform:translate(0);transform:translate(0)}15%{-webkit-transform:translateY(5px);transform:translateY(5px)}30%{-webkit-transform:translate(0);transform:translate(0)}45%{-webkit-transform:translateY(5px);transform:translateY(5px)}60%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes bounce{0%{-webkit-transform:translate(0);transform:translate(0)}15%{-webkit-transform:translateY(5px);transform:translateY(5px)}30%{-webkit-transform:translate(0);transform:translate(0)}45%{-webkit-transform:translateY(5px);transform:translateY(5px)}60%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(0);transform:translate(0)}}.recipe__sns-icon{margin:0 0 2.86041vh;width:5.72082vh;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;cursor:pointer;-webkit-transition:-webkit-transform .4s cubic-bezier(.24,.7,.56,1);transition:-webkit-transform .4s cubic-bezier(.24,.7,.56,1);transition:transform .4s cubic-bezier(.24,.7,.56,1);transition:transform .4s cubic-bezier(.24,.7,.56,1),-webkit-transform .4s cubic-bezier(.24,.7,.56,1)}.recipe__sns-icon:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}@media (max-width:768px){.recipe__sns-icon{margin:0 calc(59/var(--base-size)*100%) 0 0;width:calc(80/var(--base-size)*100%);height:auto}.recipe__sns-icon:last-child{margin:0}}.oshinagaki{margin:0 0 0 2.28833vh;padding:0}@media (max-width:768px){.oshinagaki{margin:0 0 calc(108/var(--base-size)*100%)}}.oshinagaki__title{margin:0 0 0 1.373vh;width:3.77574vh;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.oshinagaki__title.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:.3s;transition-delay:.3s}@media (max-width:768px){.oshinagaki__title{margin:calc(66/var(--base-size)*100%) auto 0;width:89.42857%}}.oshinagaki__image{display:block;height:18.30664vh;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}@media (max-width:768px){.oshinagaki__image{width:calc(100/var(--base-size)*160*1vw);height:auto}}.oshinagaki__image img{width:auto;height:100%}@media (max-width:768px){.oshinagaki__image img{width:100%;height:auto}}.oshinagaki__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 0 0 4.11899vh;padding:0 0 0 2.28833vh;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.oshinagaki__list.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s linear,transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);-webkit-transition-delay:.6s;transition-delay:.6s}@media (max-width:768px){.oshinagaki__list{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 calc(96/var(--base-size)*100%);padding:calc(12/var(--base-size)*100%) 0 calc(23/var(--base-size)*100%)}}.oshinagaki__list:after{content:"";position:absolute;top:0;left:0;width:1.14416vh;height:100%;background-image:url(../imgs/house/common/pc/pc_border.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%)}@media (max-width:768px){.oshinagaki__list:after{top:auto;bottom:0;width:100%;height:calc(100/var(--base-size)*11*1vw);background-image:url(../imgs/house/common/sp/sp_border.png);-webkit-clip-path:polygon(50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 0,50% 0,50% 0,50% 0)}}.oshinagaki__list.is-active:after{-webkit-animation:lineforpc 1.4s cubic-bezier(.215,.61,.355,1) .3s forwards;animation:lineforpc 1.4s cubic-bezier(.215,.61,.355,1) .3s forwards}@media (max-width:768px){.oshinagaki__list.is-active:after{-webkit-animation:lineforsp 1.4s cubic-bezier(.215,.61,.355,1) .3s forwards;animation:lineforsp 1.4s cubic-bezier(.215,.61,.355,1) .3s forwards}}@keyframes lineforpc{0%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes lineforsp{0%{-webkit-clip-path:polygon(50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 0,50% 0,50% 0,50% 0)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.oshinagaki__item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:2.17391vh 2.86041vh;height:100%}@media (max-width:768px){.oshinagaki__item{padding:calc(45/var(--base-size)*100%) 0 calc(45/var(--base-size)*100%) calc(22/var(--base-size)*100%);width:100%;height:auto}}.oshinagaki__item:not(:first-child){border-right:2px solid #000}@media (max-width:768px){.oshinagaki__item:not(:first-child){border-top:2px solid #000;border-right:none}}.oshinagaki__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}@media (max-width:768px){.oshinagaki__link{width:100%}}.oshinagaki__link:hover{opacity:.6}@media (max-width:768px){.oshinagaki__link:hover{opacity:1}}.oshinagaki__texts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:4.11899vh 0 0;color:#000}@media (max-width:768px){.oshinagaki__texts{margin:0 0 0 6%}}.oshinagaki__name{font-size:2.746vh;font-weight:700;line-height:1.3}@media (max-width:768px){.oshinagaki__name{font-size:calc(100/var(--base-size)*30*1vw)}}.oshinagaki__name--month{text-combine-upright:all}.oshinagaki__heading{margin:0 1.94508vh 0 0;font-size:3.43249vh;line-height:1.03}@media (max-width:768px){.oshinagaki__heading{margin:calc(20/var(--base-size)*100%) 0 0;font-size:calc(100/var(--base-size)*32*1vw);line-height:1.13}}.recommend{padding:0}.recommend__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:revert;flex-direction:revert;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:768px){.recommend__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.recommend__title{margin:0 0 2.28833vh;width:42.21968vh;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;opacity:0;-webkit-transform:scale(0);transform:scale(0)}.recommend__title.is-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .6s cubic-bezier(.895,.03,.685,.22),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);transition:opacity .6s cubic-bezier(.895,.03,.685,.22),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);transition:opacity .6s cubic-bezier(.895,.03,.685,.22),transform .8s cubic-bezier(.175,.885,.32,1.275);transition:opacity .6s cubic-bezier(.895,.03,.685,.22),transform .8s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);-webkit-transition-delay:.5s;transition-delay:.5s}@media (max-width:768px){.recommend__title{margin:0 0 calc(66/var(--base-size)*100%) 0;width:calc(552/var(--base-size)*100%);height:auto}}.recommend__images{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;width:59.49657vh;margin:0 0 2.86041vh}@media (max-width:768px){.recommend__images{width:100%}}.recommend__image{position:relative;margin:0 0 2.28833vh;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.recommend__image img{width:100%;height:auto;max-height:none}.recommend__images.is-active .recommend__image:first-of-type{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear .9s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) .9s,-webkit-filter .45s linear;transition:opacity .8s linear .9s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) .9s,-webkit-filter .45s linear;transition:opacity .8s linear .9s,transform .8s cubic-bezier(.215,.61,.355,1) .9s,filter .45s linear;transition:opacity .8s linear .9s,transform .8s cubic-bezier(.215,.61,.355,1) .9s,filter .45s linear,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) .9s,-webkit-filter .45s linear}.recommend__images.is-active .recommend__image:nth-of-type(2){opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear 1s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) 1s,-webkit-filter .45s linear;transition:opacity .8s linear 1s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) 1s,-webkit-filter .45s linear;transition:opacity .8s linear 1s,transform .8s cubic-bezier(.215,.61,.355,1) 1s,filter .45s linear;transition:opacity .8s linear 1s,transform .8s cubic-bezier(.215,.61,.355,1) 1s,filter .45s linear,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) 1s,-webkit-filter .45s linear}.recommend__images.is-active .recommend__image:nth-of-type(3){opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear 1.1s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) 1.1s,-webkit-filter .45s linear;transition:opacity .8s linear 1.1s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) 1.1s,-webkit-filter .45s linear;transition:opacity .8s linear 1.1s,transform .8s cubic-bezier(.215,.61,.355,1) 1.1s,filter .45s linear;transition:opacity .8s linear 1.1s,transform .8s cubic-bezier(.215,.61,.355,1) 1.1s,filter .45s linear,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) 1.1s,-webkit-filter .45s linear}.recommend__image:hover{-webkit-filter:drop-shadow(2px 4px 6px #555556);filter:drop-shadow(2px 4px 6px #555556)}.recommend__image:nth-of-type(2){top:25%}@media (max-width:768px){.recommend__image:nth-of-type(2){top:calc(100/var(--base-size)*214*1vw)}}.recommend__image--hayashihouse{width:28.60412vh}@media (max-width:768px){.recommend__image--hayashihouse{width:46%}}.recommend__image--itouhouse{width:32.15103vh}@media (max-width:768px){.recommend__image--itouhouse{width:48%}}.recommend__image--shimamotohouse{width:27.1167vh}@media (max-width:768px){.recommend__image--shimamotohouse{width:45%}}.recommend__image--kimurahouse{width:25.97254vh}@media (max-width:768px){.recommend__image--kimurahouse{width:45%}}@media (max-width:768px){.recommend__image{margin:0 0 calc(66/var(--base-size)*100%);height:auto}}.recommend__totop{position:relative;display:block;width:41.18993vh;-webkit-transition:-webkit-transform .4s cubic-bezier(.24,.7,.56,1);transition:-webkit-transform .4s cubic-bezier(.24,.7,.56,1);transition:transform .4s cubic-bezier(.24,.7,.56,1);transition:transform .4s cubic-bezier(.24,.7,.56,1),-webkit-transform .4s cubic-bezier(.24,.7,.56,1);-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.recommend__totop.is-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .8s linear 1.3s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) .9s,-webkit-filter .45s linear;transition:opacity .8s linear 1.3s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) .9s,-webkit-filter .45s linear;transition:opacity .8s linear 1.3s,transform .8s cubic-bezier(.215,.61,.355,1) .9s,filter .45s linear;transition:opacity .8s linear 1.3s,transform .8s cubic-bezier(.215,.61,.355,1) .9s,filter .45s linear,-webkit-transform .8s cubic-bezier(.215,.61,.355,1) .9s,-webkit-filter .45s linear}.recommend__totop:hover{-webkit-filter:drop-shadow(2px 4px 6px #555556);filter:drop-shadow(2px 4px 6px #555556)}@media (max-width:768px){.recommend__totop{width:calc(470/var(--base-size)*100%);height:auto}.recommend__totop.is-active{-webkit-transition:opacity .8s linear .3s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1),-webkit-filter .45s linear;transition:opacity .8s linear .3s,-webkit-transform .8s cubic-bezier(.215,.61,.355,1),-webkit-filter .45s linear;transition:opacity .8s linear .3s,transform .8s cubic-bezier(.215,.61,.355,1),filter .45s linear;transition:opacity .8s linear .3s,transform .8s cubic-bezier(.215,.61,.355,1),filter .45s linear,-webkit-transform .8s cubic-bezier(.215,.61,.355,1),-webkit-filter .45s linear}}