@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200;300&display=swap";@import"reset.css";@font-face{font-family:"din";src:url("../font/din1451alt.woff") format("woff"),url("../font/din1451alt.ttf") format("ttf")}#cafe main{color:#231815;font-family:"Hiragino Sans","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,sans-serif;font-size:3.6vw;font-weight:100;line-height:1.4}@media screen and (min-width: 768px){#cafe main{font-size:14px}}#cafe main *{box-sizing:border-box}#cafe main img{max-width:100%;height:auto}#cafe main a{color:inherit;text-decoration:none}#cafe main .show-sp{display:block}@media screen and (min-width: 768px){#cafe main .show-sp{display:none}}#cafe main .show-pc{display:none}@media screen and (min-width: 768px){#cafe main .show-pc{display:block}}#cafe main .din,#cafe main .design .wrap .desc .title .title-en,#cafe main .flow .wrap .box-r .item .desc .title .sub,#cafe main .access__ttl em,#cafe main .lf .wrap .img-wrap .swiper-pagination .swiper-pagination-bullet,#cafe main .lf .wrap .img-wrap .nav-box .count,#cafe main .vis .text .title-en,#cafe main .c-title{font-family:"din","Oswald"}#cafe main .inner{padding-right:5%;padding-left:5%;margin:0 auto;max-width:1000px}@media screen and (min-width: 768px){#cafe main .inner{padding-right:20px;padding-left:20px}}#cafe main .c-title{font-size:6.13vw;font-weight:400;line-height:1;margin-bottom:6vw;position:relative}@media screen and (min-width: 768px){#cafe main .c-title{font-size:36px;margin-bottom:40px}}#cafe main .c-title::before{content:"";display:block;position:absolute;background-color:#b0b2a4;width:100000%;height:1.6vw;top:calc(50% - .8vw);right:-10px;z-index:-1}@media screen and (min-width: 768px){#cafe main .c-title::before{height:10px;top:calc(50% - 5px)}}#cafe main .c-title.al-left{width:-moz-fit-content;width:fit-content;left:5%}@media screen and (min-width: 768px){#cafe main .c-title.al-left{top:0;left:20px}}@media screen and (min-width: 1000px){#cafe main .c-title.al-left{left:calc(50% - 480px)}}#cafe main .c-title.al-center{width:-moz-fit-content;width:fit-content;margin-right:auto;margin-left:auto}#cafe main .c-sub-title{font-size:6.13vw;font-weight:600;margin-bottom:4.67vw}@media screen and (min-width: 768px){#cafe main .c-sub-title{font-size:3vw;margin-bottom:35px}}@media screen and (min-width: 1280px){#cafe main .c-sub-title{font-size:36px}}#cafe main .c-text,#cafe main .contact .wrap .desc .text,#cafe main .contact .text-top,#cafe main .design .wrap .cont .text,#cafe main .flow .wrap .box-l .text,#cafe main .modelhouse .wrap .desc .text,#cafe main .point .w-box .desc .text,#cafe main .point .wrap .item .text,#cafe main .point .text-top,#cafe main .lf .wrap .desc .text,#cafe main .concept .wrap .text{font-size:2.4vw;font-weight:100;line-height:1.8}@media screen and (min-width: 768px){#cafe main .c-text,#cafe main .contact .wrap .desc .text,#cafe main .contact .text-top,#cafe main .design .wrap .cont .text,#cafe main .flow .wrap .box-l .text,#cafe main .modelhouse .wrap .desc .text,#cafe main .point .w-box .desc .text,#cafe main .point .wrap .item .text,#cafe main .point .text-top,#cafe main .lf .wrap .desc .text,#cafe main .concept .wrap .text{font-size:14px}}@media screen and (min-width: 1280px){#cafe main .c-text,#cafe main .contact .wrap .desc .text,#cafe main .contact .text-top,#cafe main .design .wrap .cont .text,#cafe main .flow .wrap .box-l .text,#cafe main .modelhouse .wrap .desc .text,#cafe main .point .w-box .desc .text,#cafe main .point .wrap .item .text,#cafe main .point .text-top,#cafe main .lf .wrap .desc .text,#cafe main .concept .wrap .text{font-size:16px}}#cafe .cta{display:grid;width:100%}@media screen and (min-width: 768px){#cafe .cta{grid-template-columns:1fr 1fr}}#cafe .cta .cta-box{display:grid;grid-template-columns:24% 76%;grid-template-rows:auto auto;align-items:center;padding:4vw 12%;line-height:1;position:relative}@media screen and (min-width: 768px){#cafe .cta .cta-box{grid-template-columns:28% 72%;padding:26px 8%;transition:.2s filter}#cafe .cta .cta-box:hover{filter:brightness(1.2)}}@media screen and (min-width: 1280px){#cafe .cta .cta-box{padding:26px 15%}}#cafe .cta .cta-box .icon{grid-column:1/2;grid-row:1/3;height:13.87vw}@media screen and (min-width: 768px){#cafe .cta .cta-box .icon{height:auto}}#cafe .cta .cta-box .sub{align-self:end;font-size:1.6vw;margin-bottom:1.87vw;grid-column:2/3;grid-row:1/2}@media screen and (min-width: 768px){#cafe .cta .cta-box .sub{font-size:10px;margin-bottom:10px}}#cafe .cta .cta-box .text{align-self:start;font-size:4vw;font-weight:bold;grid-column:2/3;grid-row:2/3}@media screen and (min-width: 768px){#cafe .cta .cta-box .text{font-size:2vw}}@media screen and (min-width: 1280px){#cafe .cta .cta-box .text{font-size:24px}}#cafe .cta .cta-box .arrow{width:6.13vw;height:6.13vw;position:absolute;top:calc(50% - 3vw);right:12%}@media screen and (min-width: 768px){#cafe .cta .cta-box .arrow{width:36px;height:36px;top:calc(50% - 18px);right:10%}}@media screen and (min-width: 1280px){#cafe .cta .cta-box .arrow{right:15%}}#cafe .cta .box-l{color:#fff;background-color:#48705a}#cafe .cta .box-r{color:#fff;background-color:#231815}#cafe #aside{font-family:"Hiragino Sans","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,sans-serif;line-height:1.4;width:100%;position:fixed;left:0;bottom:0;z-index:100}@media screen and (min-width: 768px){#cafe #aside{top:0;right:0;bottom:auto;left:auto;width:610px}}#cafe #aside a{text-decoration:none}#cafe #aside .cta{grid-template-columns:48% 52%;height:14.93vw;border-bottom:2px solid #fff}@media screen and (min-width: 768px){#cafe #aside .cta{height:90px}}#cafe #aside .cta .cta-box{padding:5%}#cafe #aside .cta .cta-box .icon{height:8vw}@media screen and (min-width: 768px){#cafe #aside .cta .cta-box .icon{height:auto}}#cafe #aside .cta .cta-box .sub{font-size:1.33vw;margin-bottom:1.87vw}@media screen and (min-width: 768px){#cafe #aside .cta .cta-box .sub{font-size:8px;margin-bottom:10px}}#cafe #aside .cta .cta-box .text{font-size:3.47vw}@media screen and (min-width: 768px){#cafe #aside .cta .cta-box .text{font-size:2vw}}@media screen and (min-width: 1280px){#cafe #aside .cta .cta-box .text{font-size:21px}}#cafe #aside .cta .cta-box.box-l{border-right:2px solid #fff}#cafe main .vis{position:relative}#cafe main .vis .vis-main{height:90vh;padding-top:1px}@media screen and (min-width: 768px){#cafe main .vis .vis-main{height:100vh}}#cafe main .vis .vis-main .img{height:calc(100% - 16vw);margin:8vw 5.33vw}@media screen and (min-width: 768px){#cafe main .vis .vis-main .img{height:calc(100% - 112px);margin:56px 40px}}#cafe main .vis .vis-main .img img,#cafe main .vis .vis-main .img video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#cafe main .vis .logo{width:34.4vw;height:8vw;position:absolute;top:2.67vw;left:4vw}@media screen and (min-width: 768px){#cafe main .vis .logo{width:258px;height:60px;top:20px;left:22px}}#cafe main .vis .text{position:absolute;left:0;bottom:9.33vw}@media screen and (min-width: 768px){#cafe main .vis .text{width:60%;left:80px;bottom:70px}}@media screen and (min-width: 1400px){#cafe main .vis .text{max-width:760px}}#cafe main .vis .text .title-en{display:block;color:#fff;font-size:3.2vw;font-weight:400;line-height:1;margin-bottom:2.67vw;margin-left:8vw}@media screen and (min-width: 768px){#cafe main .vis .text .title-en{font-size:24px;margin-bottom:20px;margin-left:0}}#cafe main .vis .text .title-ja{display:inline-block;color:#000;font-size:5.33vw;font-weight:600;line-height:1;background-color:#fff;padding:2.67vw 4vw;margin-bottom:3.33vw}@media screen and (min-width: 768px){#cafe main .vis .text .title-ja{font-size:3.4vw;padding:20px 30px;margin-bottom:25px}}@media screen and (min-width: 1400px){#cafe main .vis .text .title-ja{font-size:46px}}#cafe main .concept{margin-top:6.67vw;padding-bottom:12vw;position:relative}@media screen and (min-width: 768px){#cafe main .concept{margin-top:50px;padding-bottom:70px}}#cafe main .concept .wrap{display:grid}@media screen and (min-width: 768px){#cafe main .concept .wrap{grid-template-columns:45% 45%;-moz-column-gap:10%;column-gap:10%}}#cafe main .concept .wrap .img{width:61.07vw;margin:0 auto 10.4vw}@media screen and (min-width: 768px){#cafe main .concept .wrap .img{width:auto;grid-column:2/3;margin:-78px 0 0}}@media screen and (min-width: 768px){#cafe main .concept .wrap .desc{grid-column:1/2;grid-row:1/2}}#cafe main .lf{padding-bottom:60px}#cafe main .lf .wrap{margin-bottom:10.67vw;display:grid}@media screen and (min-width: 768px){#cafe main .lf .wrap{grid-template-columns:56% 44%;align-items:center;margin-bottom:60px}}#cafe main .lf .wrap .img-wrap{width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;position:relative}#cafe main .lf .wrap .img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#cafe main .lf .wrap .img-wrap .nav-box{width:100px;height:40px;background:#48705a;position:absolute;right:0;bottom:0px;z-index:1}@media screen and (min-width: 768px){#cafe main .lf .wrap .img-wrap .nav-box{width:120px;height:40px}}#cafe main .lf .wrap .img-wrap .nav-box .count{color:#fff;font-size:20px;position:absolute;right:30px;bottom:2px}@media screen and (min-width: 768px){#cafe main .lf .wrap .img-wrap .nav-box .count{right:40px;bottom:4px}}#cafe main .lf .wrap .img-wrap .swiper-pagination{line-height:1;width:1em;height:30px;position:absolute;right:62px;bottom:5px;left:auto}@media screen and (min-width: 768px){#cafe main .lf .wrap .img-wrap .swiper-pagination{font-size:38px;right:64px;bottom:4px}}#cafe main .lf .wrap .img-wrap .swiper-pagination .swiper-pagination-bullet{color:#fff;font-size:28px;font-weight:400;background-color:rgba(0,0,0,0);width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;pointer-events:none}#cafe main .lf .wrap .img-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}#cafe main .lf .wrap .img-wrap .swiper-button-prev,#cafe main .lf .wrap .img-wrap .swiper-button-next{outline:none}#cafe main .lf .wrap .img-wrap .swiper-button-prev:after,#cafe main .lf .wrap .img-wrap .swiper-button-next:after{content:"";width:8px;height:20px;background-size:8px auto}@media screen and (min-width: 768px){#cafe main .lf .wrap .img-wrap .swiper-button-prev:after,#cafe main .lf .wrap .img-wrap .swiper-button-next:after{width:8px;height:20px;background-size:8px auto}}#cafe main .lf .wrap .img-wrap .swiper-button-prev{left:0}#cafe main .lf .wrap .img-wrap .swiper-button-prev:after{background:url(../img/icon-prev.svg) center no-repeat}#cafe main .lf .wrap .img-wrap .swiper-button-next{right:0}#cafe main .lf .wrap .img-wrap .swiper-button-next:after{background:url(../img/icon-next.svg) center no-repeat}#cafe main .lf .wrap .desc{width:82%;margin:8.67vw auto 0;max-width:410px;z-index:1}@media screen and (min-width: 768px){#cafe main .lf .wrap .desc{width:auto;margin:0;padding-left:8%;margin-right:20px}}#cafe main .lf .wrap .desc .catch{font-size:2.13vw;font-weight:600;line-height:1;position:relative;margin-bottom:2.4vw}@media screen and (min-width: 768px){#cafe main .lf .wrap .desc .catch{font-size:14px;margin-bottom:18px}}#cafe main .lf .wrap .desc .catch::before{content:"";display:block;width:1px;height:13.87vw;background-color:#231815;position:absolute;top:-17.33vw;left:5px}@media screen and (min-width: 768px){#cafe main .lf .wrap .desc .catch::before{width:105px;height:1px;top:50%;left:-110px}}@media screen and (min-width: 768px){#cafe main .lf .wrap.box--rev{grid-template-columns:44% 56%}}@media screen and (min-width: 768px){#cafe main .lf .wrap.box--rev .img-wrap{grid-column:2/3}}@media screen and (min-width: 768px){#cafe main .lf .wrap.box--rev .img-wrap .nav-box{left:0;right:auto}}@media screen and (min-width: 768px){#cafe main .lf .wrap.box--rev .img-wrap .swiper-pagination{right:auto;left:20px}}@media screen and (min-width: 768px){#cafe main .lf .wrap.box--rev .desc{grid-column:1/2;grid-row:1/2;justify-self:end;padding-left:0;padding-right:8%;margin-right:0;margin-left:20px}}#cafe main .lf .wrap.box--rev .desc .catch{width:-moz-fit-content;width:fit-content}@media screen and (min-width: 768px){#cafe main .lf .wrap.box--rev .desc .catch::before{width:310px;left:auto;right:-314px}}#cafe main .point{padding-top:13.33vw}@media screen and (min-width: 768px){#cafe main .point{padding-top:90px}}#cafe main .point .text-top{text-align:center;margin-bottom:8vw}@media screen and (min-width: 768px){#cafe main .point .text-top{margin-bottom:50px}}#cafe main .point .wrap{display:grid;grid-auto-rows:auto;row-gap:9.33vw;margin-bottom:9.33vw}@media screen and (min-width: 768px){#cafe main .point .wrap{grid-template-columns:48% 48%;-moz-column-gap:4%;column-gap:4%;row-gap:70px;margin-bottom:50px}}#cafe main .point .wrap .item .title{font-size:3.73vw;font-weight:600;line-height:1;margin:4.67vw 0 2.67vw}@media screen and (min-width: 768px){#cafe main .point .wrap .item .title{font-size:2.2vw;margin:25px 0 20px}}@media screen and (min-width: 1280px){#cafe main .point .wrap .item .title{font-size:24px}}#cafe main .point .w-box{position:relative;margin-bottom:12vw}@media screen and (min-width: 768px){#cafe main .point .w-box{margin-bottom:110px}}#cafe main .point .w-box .main-img{width:93%;height:53.33vw;margin-bottom:4.67vw}@media screen and (min-width: 768px){#cafe main .point .w-box .main-img{width:87.5%;height:700px;right:auto;margin-bottom:25px}}#cafe main .point .w-box .main-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#cafe main .point .w-box .desc{color:#fff;background-color:#b0b2a4;width:47.47vw;max-width:400px;position:absolute;right:0;top:45.33vw;padding:4% 0 6% 4%;z-index:1}@media screen and (min-width: 768px){#cafe main .point .w-box .desc{width:auto;top:385px;padding:3% 0 3% 3%}}#cafe main .point .w-box .desc .title{font-size:4.27vw;font-weight:600;margin-bottom:3.33vw}@media screen and (min-width: 768px){#cafe main .point .w-box .desc .title{font-size:3.2vw;margin-bottom:30px}}@media screen and (min-width: 1280px){#cafe main .point .w-box .desc .title{font-size:36px}}#cafe main .point .w-box .desc .text{margin-right:12%}@media screen and (min-width: 768px){#cafe main .point .w-box .desc .text{margin-right:11%}}#cafe main .point .w-box .img-wrap{width:41.33vw;max-width:960px;margin:0 auto;display:grid;margin-left:5.6vw}@media screen and (min-width: 768px){#cafe main .point .w-box .img-wrap{width:auto;grid-template-columns:35% 35%;-moz-column-gap:2.6%;column-gap:2.6%;justify-content:start;margin-left:auto}}#cafe main .point .w-box .img-wrap .img{position:relative;cursor:pointer}@media screen and (min-width: 768px){#cafe main .point .w-box .img-wrap .img{transition:.2s opacity}#cafe main .point .w-box .img-wrap .img:hover{opacity:.8}}#cafe main .point .w-box .img-wrap .img::after{content:"";display:block;width:6.4vw;height:6.4vw;background:url(../img/icon-glass.svg) center no-repeat;background-size:100% auto;position:absolute;top:1.33vw;right:2vw}@media screen and (min-width: 768px){#cafe main .point .w-box .img-wrap .img::after{width:52px;height:52px;top:10px;right:14px}}#cafe main .point .w-box .img-wrap .img+.img{margin-top:2.67vw}@media screen and (min-width: 768px){#cafe main .point .w-box .img-wrap .img+.img{margin-top:0}}#cafe main .modelhouse{padding-top:13.33vw;margin-bottom:9.3vw}@media screen and (min-width: 768px){#cafe main .modelhouse{padding-top:140px;margin-bottom:90px}}#cafe main .modelhouse .c-title.al-left{width:-moz-fit-content;width:fit-content;margin-right:auto;margin-left:auto}@media screen and (min-width: 768px){#cafe main .modelhouse .c-title.al-left{margin-left:0}}#cafe main .modelhouse .wrap{display:grid}@media screen and (min-width: 768px){#cafe main .modelhouse .wrap{grid-template-columns:52% 47%;-moz-column-gap:1%;column-gap:1%}}#cafe main .modelhouse .wrap .desc{justify-self:end;margin-left:20px;margin-right:auto}@media screen and (min-width: 768px){#cafe main .modelhouse .wrap .desc{width:auto}}@media screen and (min-width: 1000px){#cafe main .modelhouse .wrap .desc{margin-right:0;width:510px}}@media screen and (min-width: 768px){#cafe main .modelhouse .wrap .desc .text{max-width:450px}}#cafe main .modelhouse .wrap .img{line-height:1;height:77.33vw;margin-top:7.33vw}@media screen and (min-width: 768px){#cafe main .modelhouse .wrap .img{height:586px;margin-top:-120px}}#cafe main .modelhouse .wrap .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#cafe main .modelhouse .plan-wrap{background-color:#ededed;padding:3.3vw 2.67vw;margin-top:10vw;position:relative}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap{margin-top:70px;padding:40px 35px 50px}}#cafe main .modelhouse .plan-wrap .img{margin:0 20px}#cafe main .modelhouse .plan-wrap .desc{background-color:var(--light-gray);padding-top:10vw}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap .desc{padding-top:65px}}#cafe main .modelhouse .plan-wrap .desc__ttl{font-size:4vw;font-weight:600;line-height:1;margin-bottom:3.3vw}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap .desc__ttl{font-size:30px;margin-bottom:20px}}#cafe main .modelhouse .plan-wrap .desc__txt{font-size:2.4vw;line-height:2.1;margin-bottom:4vw}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap .desc__txt{font-size:18px;margin-bottom:45px}}#cafe main .modelhouse .plan-wrap .desc .house-spec{font-size:2.4vw;color:#221714;font-weight:normal;display:flex;flex-wrap:wrap}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap .desc .house-spec{font-size:18px}}#cafe main .modelhouse .plan-wrap .desc .house-spec dl{display:flex;flex-wrap:wrap;align-items:center;width:48%;margin-bottom:15px}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap .desc .house-spec dl{width:35%}}#cafe main .modelhouse .plan-wrap .desc .house-spec dl.w_middle{width:52%}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap .desc .house-spec dl.w_middle{width:65%}}#cafe main .modelhouse .plan-wrap .desc .house-spec dl dt{width:6em;height:100%;font-size:.9em;line-height:1;border:1px solid #221714;background-color:#fff;padding:.4em 0 .2em;display:flex;align-items:center;justify-content:center;white-space:nowrap}#cafe main .modelhouse .plan-wrap .desc .house-spec dl dd{white-space:nowrap;padding-left:.9em}#cafe main .modelhouse .plan-wrap .desc .house-spec dl .list-wrap{width:calc(100% - 6em);display:flex;flex-wrap:wrap;line-height:1.5}#cafe main .modelhouse .plan-wrap .desc .house-spec dl .list-wrap .list{margin-right:1.2em;position:relative}#cafe main .modelhouse .plan-wrap .desc .house-spec dl .list-wrap .list::before{content:"";display:inline-block;width:0;height:0;border-top:.5em solid #ededed;border-right:.5em solid #ededed;border-bottom:.5em solid #ededed;border-left:.7em solid #221714}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap .desc__list{display:grid;grid-template-columns:auto auto auto;grid-template-rows:1fr 1fr;justify-content:start}}#cafe main .modelhouse .plan-wrap .desc__list li{display:block;font-size:2.4vw;font-weight:bold;margin-bottom:2.67vw}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap .desc__list li{font-size:16px;margin-right:30px;margin-bottom:20px}}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap .desc__list li:nth-child(2){grid-column:2/4}}#cafe main .modelhouse .plan-wrap .desc__list li span{display:inline-block;width:8.2em;font-size:2.2vw;font-weight:normal;line-height:1;text-align:center;margin-right:1.3vw;background-color:#fff;border:1px solid #000;padding:1.3vw 0 .8vw}@media only screen and (min-width: 769px){#cafe main .modelhouse .plan-wrap .desc__list li span{font-size:14px;margin-right:10px;padding:5px 12px}}#cafe main .present{margin-bottom:12vw}@media screen and (min-width: 768px){#cafe main .present{margin-bottom:90px}}#cafe main .present__ttl{margin:0 auto -5.3vw}@media screen and (min-width: 768px){#cafe main .present__ttl{width:83%;margin-bottom:-40px}}#cafe main .present .wrap{width:90%;display:grid;grid-template-rows:1fr 1fr;row-gap:3vw;background-color:#e9f4ee;padding:12vw 6.6vw 2vw;margin:0 auto}@media screen and (min-width: 768px){#cafe main .present .wrap{width:73%;grid-template-rows:auto;grid-template-columns:48% 48%;justify-content:space-between;padding:80px 40px 40px}}#cafe main .present .wrap .box .ttl{font-size:3.2vw;font-weight:bold;text-align:center;margin:1em 0 .2em}@media screen and (min-width: 768px){#cafe main .present .wrap .box .ttl{font-size:20px}}#cafe main .present .wrap .box .sub{font-size:1.87vw;text-align:center}@media screen and (min-width: 768px){#cafe main .present .wrap .box .sub{font-size:10px}}#cafe main .present .wrap.wrap--1{grid-template-columns:1fr;grid-template-rows:1fr}@media screen and (max-width: 768px){#cafe main .present .wrap.wrap--1{padding-bottom:7vw}}@media screen and (min-width: 768px){#cafe main .present .wrap.wrap--1 .box{max-width:300px;margin:0 auto}}#cafe main .access__ttl{font-size:2.4vw;font-weight:normal;line-height:1;text-align:center;margin-bottom:6vw}@media screen and (min-width: 768px){#cafe main .access__ttl{font-size:14px;margin-bottom:40px}}#cafe main .access__ttl em{font-size:3.57em;font-weight:bold;margin-right:.2em}#cafe main .access__desc{font-size:2.4vw;font-weight:normal;width:50vw;margin:0 auto 9.3vw}@media screen and (min-width: 768px){#cafe main .access__desc{font-size:18px;width:400px;margin-bottom:70px}}#cafe main .access__desc .l1{margin-bottom:1.6vw}@media screen and (min-width: 768px){#cafe main .access__desc .l1{margin-bottom:12px}}#cafe main .access__desc .icon{display:inline-block;width:3.33vw;height:3.33vw;margin-right:2vw}@media screen and (min-width: 768px){#cafe main .access__desc .icon{width:25px;height:25px;margin-right:15px}}#cafe main .access #map{line-height:0}#cafe main .access #map iframe{width:100%;height:80vw}@media screen and (min-width: 768px){#cafe main .access #map iframe{height:540px}}#cafe main .gallery{padding-top:12vw;margin-bottom:12vw;overflow:hidden}@media screen and (min-width: 768px){#cafe main .gallery{padding-top:60px;margin-bottom:90px}}#cafe main .gallery .gal-wrap .gal-slide-wrap{display:-webkit-box}#cafe main .gallery .gal-wrap .gal-slide-wrap .item{width:53.33vw;margin:0 20px}@media screen and (min-width: 768px){#cafe main .gallery .gal-wrap .gal-slide-wrap .item{width:400px}}#cafe main .gallery .gal-wrap .gal-slide-wrap .item .title{font-size:2.4vw;font-weight:100;line-height:1;margin:2vw 0 1.33vw}@media screen and (min-width: 768px){#cafe main .gallery .gal-wrap .gal-slide-wrap .item .title{font-size:12px;margin:15px 0 10px}}#cafe main .gallery .gal-wrap .gal-slide-wrap .item .text{font-size:3.47vw;font-weight:600;line-height:1}@media screen and (min-width: 768px){#cafe main .gallery .gal-wrap .gal-slide-wrap .item .text{font-size:2vw}}@media screen and (min-width: 1280px){#cafe main .gallery .gal-wrap .gal-slide-wrap .item .text{font-size:18px}}#cafe main .flow .wrap{display:grid}@media screen and (min-width: 768px){#cafe main .flow .wrap{grid-template-columns:45% 50%;-moz-column-gap:5%;column-gap:5%}}#cafe main .flow .wrap .box-l{margin-bottom:9.33vw}#cafe main .flow .wrap .box-l .title-wrap{position:sticky;top:0}#cafe main .flow .wrap .box-l .text{margin-bottom:0}#cafe main .flow .wrap .box-r{width:86%;margin:0 auto}@media screen and (min-width: 768px){#cafe main .flow .wrap .box-r{width:100%}}#cafe main .flow .wrap .box-r .item{padding-bottom:9.33vw;margin-bottom:2.67vw;position:relative}@media screen and (min-width: 768px){#cafe main .flow .wrap .box-r .item{padding-bottom:70px;margin-bottom:20px}}#cafe main .flow .wrap .box-r .item::before{content:"";display:block;position:absolute;background-color:#231815;width:1px;height:calc(100% - 24.6vw);top:24.67vw;left:14%}@media screen and (min-width: 768px){#cafe main .flow .wrap .box-r .item::before{height:calc(100% - 155px);top:155px}}#cafe main .flow .wrap .box-r .item .icon{width:28.3%;position:absolute;top:0;left:0}#cafe main .flow .wrap .box-r .item .desc{padding-top:2.93vw;margin-left:32.5%}@media screen and (min-width: 768px){#cafe main .flow .wrap .box-r .item .desc{padding-top:16px}}#cafe main .flow .wrap .box-r .item .desc .title{line-height:1}#cafe main .flow .wrap .box-r .item .desc .title .sub{color:#595757;font-size:2.27vw;font-weight:bold}@media screen and (min-width: 768px){#cafe main .flow .wrap .box-r .item .desc .title .sub{font-size:15px}}#cafe main .flow .wrap .box-r .item .desc .title .title-ja{font-size:3.33vw;font-weight:600;margin:1.33vw 0 2vw}@media screen and (min-width: 768px){#cafe main .flow .wrap .box-r .item .desc .title .title-ja{font-size:2vw;margin:10px 0 15px}}@media screen and (min-width: 1280px){#cafe main .flow .wrap .box-r .item .desc .title .title-ja{font-size:20px}}#cafe main .flow .wrap .box-r .item .desc .text{font-size:2.13vw;font-weight:100;line-height:1.8;margin-top:2vw}@media screen and (min-width: 768px){#cafe main .flow .wrap .box-r .item .desc .text{font-size:12px;margin-top:16px}}#cafe main .flow .wrap .box-r .item:last-child::before{content:none}#cafe main .design{padding-top:12vw;margin-bottom:12vw}@media screen and (min-width: 768px){#cafe main .design{padding-top:80px;margin-bottom:90px}}#cafe main .design .sd-img{margin-bottom:4vw}@media screen and (min-width: 768px){#cafe main .design .sd-img{height:646px;margin-right:20px;margin-left:20px;margin-bottom:28px}}#cafe main .design .sd-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#cafe main .design .wrap{display:grid}@media screen and (min-width: 768px){#cafe main .design .wrap{grid-template-columns:50% 47%;-moz-column-gap:3%;column-gap:3%}}#cafe main .design .wrap .desc{justify-self:end;margin-left:5.07vw;z-index:1}@media screen and (min-width: 768px){#cafe main .design .wrap .desc{max-width:480px;margin-left:20px}}#cafe main .design .wrap .desc .title .title-en{display:block;font-size:3.07vw;font-weight:bold;margin-bottom:2.13vw}@media screen and (min-width: 768px){#cafe main .design .wrap .desc .title .title-en{font-size:1.6vw;margin-bottom:10px}}@media screen and (min-width: 1280px){#cafe main .design .wrap .desc .title .title-en{font-size:19px}}#cafe main .design .wrap .desc .title .title-ja{display:inline-block;width:-moz-fit-content;width:fit-content;color:#fff;font-size:5.87vw;font-weight:600;line-height:1;background-color:#231815;padding:2vw 2.4vw;margin-bottom:3.33vw}@media screen and (min-width: 768px){#cafe main .design .wrap .desc .title .title-ja{font-size:2.9vw;padding:15px 18px;margin-bottom:20px}}@media screen and (min-width: 1280px){#cafe main .design .wrap .desc .title .title-ja{font-size:37px}}#cafe main .design .wrap .cont{margin-top:-7.33vw}@media screen and (min-width: 768px){#cafe main .design .wrap .cont{margin-top:0;padding-top:35px}}#cafe main .design .wrap .cont .img{display:block;width:58%;margin-left:auto}@media screen and (min-width: 768px){#cafe main .design .wrap .cont .img{width:100%}}#cafe main .design .wrap .cont .sub-title{width:75%;font-size:3.73vw;font-weight:600;line-height:1;margin:8.67vw auto 4vw}@media screen and (min-width: 768px){#cafe main .design .wrap .cont .sub-title{width:auto;font-size:2.2vw;margin:68px 0 30px}}@media screen and (min-width: 1280px){#cafe main .design .wrap .cont .sub-title{font-size:24px}}#cafe main .design .wrap .cont .text{width:75%;margin:0 auto}@media screen and (min-width: 768px){#cafe main .design .wrap .cont .text{width:auto;margin:0}}#cafe main .messaeg{padding-top:10.67vw;padding-bottom:13.33vw;background:url(../img/message_bg_sp.jpg) center top no-repeat;background-size:cover;color:#fff}@media screen and (min-width: 768px){#cafe main .messaeg{background:url(../img/message_bg.jpg) center top no-repeat;background-size:cover;padding-top:60px;padding-bottom:50px}}#cafe main .messaeg .title-logo{width:28.27vw;margin:0 auto 10.67vw}@media screen and (min-width: 768px){#cafe main .messaeg .title-logo{width:160px;margin-bottom:50px}}#cafe main .messaeg .sub-title{font-size:4.8vw;font-weight:bold;text-align:center;white-space:nowrap}@media screen and (min-width: 768px){#cafe main .messaeg .sub-title{font-size:24px}}#cafe main .messaeg .text{font-size:2.4vw;line-height:1.85;font-weight:300;margin:5.33vw 0 10.67vw}@media screen and (min-width: 768px){#cafe main .messaeg .text{font-size:16px;margin:40px 0 50px}}#cafe main .messaeg .text p{text-align:center}#cafe main .messaeg .text p+p{margin-top:1.5em}#cafe main .messaeg .box-link{font-size:3.33vw;font-weight:bold;display:flex;align-items:center;justify-content:center;width:42.67vw;height:10.93vw;margin:0 auto;border:2px solid #fff}@media screen and (min-width: 768px){#cafe main .messaeg .box-link{font-size:18px;width:240px;height:60px;transition:.2s all}#cafe main .messaeg .box-link:hover{background-color:rgba(255,255,255,.2)}}#cafe main .company{padding-top:10.67vw;margin-bottom:12vw}@media screen and (min-width: 768px){#cafe main .company{padding-top:65px;margin-bottom:100px}}#cafe main .company .wrap{display:grid}@media screen and (min-width: 768px){#cafe main .company .wrap{grid-template-columns:49% 50%;-moz-column-gap:1%;column-gap:1%}}#cafe main .company .wrap .desc{justify-self:end;max-width:480px}@media screen and (min-width: 768px){#cafe main .company .wrap .desc{margin-left:20px}}#cafe main .company .wrap .desc .img{display:block;width:72%;margin:0 auto 5.33vw}@media screen and (min-width: 768px){#cafe main .company .wrap .desc .img{width:88%;margin-bottom:20px}}#cafe main .company .wrap .desc .list{width:80%;margin:0 auto;border-bottom:.5px solid #231815;display:grid;grid-template-columns:22% 78%}@media screen and (min-width: 768px){#cafe main .company .wrap .desc .list{width:100%}}#cafe main .company .wrap .desc .list .list-t,#cafe main .company .wrap .desc .list .list-d{font-size:2.67vw;padding:4vw 0 3.2vw}@media screen and (min-width: 768px){#cafe main .company .wrap .desc .list .list-t,#cafe main .company .wrap .desc .list .list-d{font-size:16px;padding:22px 0 18px}}#cafe main .company .wrap .desc .list .list-t{border-bottom:1.5px solid #231815;font-weight:bold}#cafe main .company .wrap .map{line-height:1;margin-top:7.33vw}@media screen and (min-width: 768px){#cafe main .company .wrap .map{margin-top:-70px}}#cafe main .company .wrap .map iframe{height:93.33vw}@media screen and (min-width: 768px){#cafe main .company .wrap .map iframe{height:780px}}#cafe main input[type=text],#cafe main input[type=tel],#cafe main input[type=email],#cafe main input[type=checkbox],#cafe main input[type=radio],#cafe main input[type=button],#cafe main textarea,#cafe main select,#cafe main optgroup,#cafe main option{font-family:inherit;font-size:2.67vw;font-style:inherit;font-weight:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-color:#f6f7f7;border:none;border-radius:1.33vw;padding:1.33vw 2vw 1.07vw}@media screen and (min-width: 768px){#cafe main input[type=text],#cafe main input[type=tel],#cafe main input[type=email],#cafe main input[type=checkbox],#cafe main input[type=radio],#cafe main input[type=button],#cafe main textarea,#cafe main select,#cafe main optgroup,#cafe main option{font-size:14px;border-radius:10px;padding:10px 15px 8px}}#cafe main input[type=text],#cafe main input[type=tel],#cafe main input[type=email],#cafe main select{width:100%;height:9.33vw}@media screen and (min-width: 768px){#cafe main input[type=text],#cafe main input[type=tel],#cafe main input[type=email],#cafe main select{height:50px}}#cafe main input[type=text]::-moz-placeholder, #cafe main input[type=tel]::-moz-placeholder, #cafe main input[type=email]::-moz-placeholder, #cafe main select::-moz-placeholder{color:#9e9f9f}#cafe main input[type=text]::placeholder,#cafe main input[type=tel]::placeholder,#cafe main input[type=email]::placeholder,#cafe main select::placeholder{color:#9e9f9f}#cafe main input[type=text].size-short,#cafe main input[type=tel].size-short,#cafe main input[type=email].size-short,#cafe main select.size-short{width:49%}#cafe main input[type=text].bg,#cafe main input[type=tel].bg,#cafe main input[type=email].bg,#cafe main select.bg{margin:15px 0}#cafe main input[type=radio],#cafe main input[type=checkbox]{width:3.73vw;height:3.73vw;margin-right:12px;background-color:#e1e2d5;border:.5px solid #000;border-radius:50%;padding:0;position:relative}@media screen and (min-width: 768px){#cafe main input[type=radio],#cafe main input[type=checkbox]{width:24px;height:24px}}#cafe main input[type=radio]:checked:after,#cafe main input[type=checkbox]:checked:after{content:"";display:block;width:2.4vw;height:2.4vw;background-color:#231815;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 768px){#cafe main input[type=radio]:checked:after,#cafe main input[type=checkbox]:checked:after{width:18px;height:18px}}#cafe main input[type=button],#cafe main input[type=submit]{display:block;color:#fff;font-size:2.93vw;font-weight:600;line-height:1;background-color:#4c4948;border:1px solid #4c4948;width:90%;max-width:430px;margin:0 auto;height:9.33vw;transition:.2s ease;padding-right:8vw;cursor:pointer;background:url(../img/icon-arr_wh.svg) center no-repeat #4c4948;background-size:5.33vw;background-position:84% 2vw}@media screen and (min-width: 768px){#cafe main input[type=button],#cafe main input[type=submit]{height:70px;font-size:18px;padding-right:50px;background-size:30px;background-position:84% 20px}}#cafe main input[type=button]:disabled,#cafe main input[type=submit]:disabled{opacity:.8;cursor:default}@media(hover: hover){#cafe main input[type=button]:not(:disabled):hover,#cafe main input[type=submit]:not(:disabled):hover{color:#4c4948;background:url(../img/icon-arr_bk.svg) center no-repeat #e1e2d5;background-size:30px;background-position:84% 20px}}#cafe main textarea{width:100%;height:200px;line-height:1.8;height:200px}#cafe main textarea::-moz-placeholder{color:#9e9f9f}#cafe main textarea::placeholder{color:#9e9f9f}#cafe main .input-wrap{margin:10px 0}#cafe main .input-wrap label{display:inline-flex;align-items:center;font-weight:bold;margin-right:15px;margin-bottom:15px}#cafe main .type-radio{padding-top:10px}#cafe main .type-radio .wpcf7-form-control{display:flex;flex-direction:row}#cafe main .type-radio .wpcf7-list-item{margin-bottom:12px}@media screen and (min-width: 768px){#cafe main .type-radio .wpcf7-list-item{margin-right:15px;white-space:nowrap}}#cafe main .type-radio .wpcf7-list-item label{font-weight:bold;display:flex;align-items:center;margin-right:20px}#cafe main .name-wrap{display:flex;flex-direction:row}#cafe main .name-wrap>span+span{margin-left:10px}#cafe main .select-wrap{display:inline-block;width:49%;position:relative}#cafe main .select-wrap::before{content:"";display:block;position:absolute;background:url(../img/icon-down.svg) center no-repeat;background-size:100% auto;width:2.93vw;height:2.93vw;top:35%;right:10px;pointer-events:none;z-index:1}@media screen and (min-width: 768px){#cafe main .select-wrap::before{width:18px;height:18px}}#cafe main .select-wrap select{color:#9e9f9f;width:100%}#cafe main .select-wrap select option:first-child{color:#9e9f9f}#cafe main .select-wrap select option:not(:first-child){color:#231815}#cafe main .confirm-text{margin:1vw auto 0;font-size:.8em;line-height:1.4;margin-left:1.2em;text-indent:-1.2em}@media screen and (min-width: 768px){#cafe main .confirm-text{margin:10px 0 0 1.2em}}#cafe main .confirm-text a{color:#036eb7}#cafe main .submit-area{margin-top:8vw;margin-bottom:5.33vw}@media screen and (min-width: 768px){#cafe main .submit-area{margin-top:60px;margin-bottom:0}}#cafe main .submit-area .submit-text{font-size:.65em;text-align:center;line-height:1.6;margin-top:3.33vw}@media screen and (min-width: 768px){#cafe main .submit-area .submit-text{font-size:12px;margin-top:20px}}#cafe main .contact{margin-bottom:16vw;overflow:hidden}@media screen and (min-width: 768px){#cafe main .contact{margin-bottom:150px}}#cafe main .contact .text-top{text-align:center;margin-bottom:13.33vw}@media screen and (min-width: 768px){#cafe main .contact .text-top{margin-bottom:90px}}#cafe main .contact .wrap{background-color:#f6f7f7;padding:8.53vw 21.33vw 8.53vw 14vw;margin-right:-6vw;margin-bottom:5.33vw;position:relative}@media screen and (min-width: 768px){#cafe main .contact .wrap{display:grid;grid-template-columns:45% 42%;-moz-column-gap:8%;column-gap:8%;align-items:center;justify-content:space-between;padding:88px 5.8%;margin:0 auto 80px}}#cafe main .contact .wrap .sub-tittle{width:100%;font-size:4.8vw;font-weight:bold;text-align:center;line-height:1;position:absolute;top:-0.5em;left:0}@media screen and (min-width: 768px){#cafe main .contact .wrap .sub-tittle{font-size:36px}}#cafe main .contact .wrap .desc{margin-top:12vw;position:relative}@media screen and (min-width: 768px){#cafe main .contact .wrap .desc{margin-top:40px}}#cafe main .contact .wrap .desc::before{content:"";display:block;position:absolute;background-color:#231815;width:2px;height:6.67vw;top:-9.33vw;left:2.13vw;border-radius:10px}@media screen and (min-width: 768px){#cafe main .contact .wrap .desc::before{width:86px;height:3px;top:10px;left:-95px}}#cafe main .contact .wrap .desc .title{font-size:4vw;font-weight:600;line-height:1;margin-bottom:2.67vw}@media screen and (min-width: 768px){#cafe main .contact .wrap .desc .title{font-size:24px;margin-bottom:25px}}#cafe main .contact .form-wrap{max-width:880px;margin:0 auto;background-color:#e1e2d5;padding:2.67vw 6%}@media screen and (min-width: 768px){#cafe main .contact .form-wrap{padding:35px 6%}}#cafe main .contact .form-wrap .form__list{margin:2vw 0 6.67vw}@media screen and (min-width: 768px){#cafe main .contact .form-wrap .form__list{display:grid;grid-template-columns:32% 68%;margin:20px 0}}#cafe main .contact .form-wrap .form__list dt,#cafe main .contact .form-wrap .form__list dd{font-size:2.67vw;font-weight:400;line-height:1}@media screen and (min-width: 768px){#cafe main .contact .form-wrap .form__list dt,#cafe main .contact .form-wrap .form__list dd{font-size:16px}}#cafe main .contact .form-wrap .form__list dt{font-weight:600;margin-bottom:2.67vw}@media screen and (min-width: 768px){#cafe main .contact .form-wrap .form__list dt{margin-top:12px;margin-bottom:0}}#cafe main .contact .form-wrap .form__list dt .required{color:#fff;font-size:.6em;font-weight:600;line-height:2;padding:2px 8px;margin-left:12px;background-color:#e50012}#cafe main .contact .form-wrap .form__list dt .small{display:inline-block;font-size:.8em;font-weight:400;margin-top:8px}#cafe main .contact .form-wrap .form__list dd .text-s{font-size:.8em}#cafe main .contact .form-wrap .form__list dd .mt10{margin-top:.5em}#cafe main .contact .form-wrap .screen-reader-response{color:red}#cafe main .contact .form-wrap .screen-reader-response ul{display:none}#cafe main .contact .form-wrap span.wpcf7-not-valid-tip{display:block;font-size:.8em;margin-top:6px}#cafe main .contact .form-wrap span.wpcf7-not-valid-tip::before{content:"※";font-size:1em}@media screen and (max-width: 1200px){#cafe footer .footBtm .inner{width:100%}}