html{font-size:62.5%}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Noto Serif JP', serif}.catch{font-family:'Noto Sans JP', sans-serif}.logo_w{display:none}.l-hero{opacity:0;width:100%;height:100vh;position:relative}@media (max-width: 767px){.l-hero{min-height:var(--sp_height)}}.l-hero:before{content:"";background:url(../images/common/after.png) no-repeat top right;background-size:contain;height:0;position:absolute;z-index:1;top:0;left:0}@media (min-width: 768px){.l-hero:before{width:57%;padding-top:27%}}@media (max-width: 767px){.l-hero:before{width:100%;padding-top:48%}}.l-hero .hero-catch{position:absolute;bottom:0;left:0;margin:auto;z-index:2;width:100%}@media (min-width: 768px){.l-hero .hero-catch{padding:30px 3%}}@media (max-width: 767px){.l-hero .hero-catch{padding:0 6% 1em}}.l-hero .hero-catch .hero-logo{margin-bottom:2em}@media (min-width: 768px){.l-hero .hero-catch .hero-logo{max-width:300px;width:30%}}@media (max-width: 767px){.l-hero .hero-catch .hero-logo{width:60%}}.l-hero .hero-catch .outer{background-color:#fff}@media (min-width: 768px){.l-hero .hero-catch .outer{width:28.7%}}@media (max-width: 767px){.l-hero .hero-catch .outer{width:100%}}.l-hero .hero-catch .white{position:absolute;font-size:12vw;line-height:12vw;font-family:'Josefin Sans', sans-serif;letter-spacing:0.05em;color:#fff;z-index:-1}.l-hero .hero-catch .black{position:relative;width:100%;overflow:hidden;height:12vw}.l-hero .hero-catch .black::after{position:absolute;content:"JAPAN STYLE";white-space:pre;font-size:12vw;line-height:12vw;font-family:'Josefin Sans', sans-serif;letter-spacing:0.05em;color:#949dc2;z-index:1}.l-hero .hero-img{position:absolute;top:0;right:0;margin:auto}@media (min-width: 768px){.l-hero .hero-img{bottom:0;width:70%}}@media (max-width: 767px){.l-hero .hero-img{width:100%;height:80vh}}.l-hero .hero-img div p{background-repeat:no-repeat;background-size:cover;background-position:center;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:4s ease-out;transition:4s ease-out}@media (min-width: 768px){.l-hero .hero-img div p{height:100vh}}@media (max-width: 767px){.l-hero .hero-img div p{height:80vh}}.l-hero .hero-img div.img-01 p{background-image:url(../images/top/heroimg/hero01.jpg)}.l-hero .hero-img div.img-02 p{background-image:url(../images/top/heroimg/hero02.jpg)}.l-hero .hero-img div.img-03 p{background-image:url(../images/top/heroimg/hero03.jpg)}.l-hero .hero-img div.img-04 p{background-image:url(../images/top/heroimg/hero04.jpg)}.l-hero .hero-img div.img-05 p{background-image:url(../images/top/heroimg/hero05.jpg)}.l-hero .hero-img div.img-06 p{background-image:url(../images/top/heroimg/hero06.jpg)}.l-hero .hero-img div.img-07 p{background-image:url(../images/top/heroimg/hero07.jpg)}.l-hero .hero-img div.slick-active p{-webkit-animation:scaleAnim 4s linear alternate;animation:scaleAnim 4s linear alternate}@-webkit-keyframes scaleAnim{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleAnim{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.l-hero .hero-img .slick-dots{position:absolute;bottom:20px;right:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.l-hero .hero-img .slick-dots li{margin-right:20px}.l-hero .hero-img .slick-dots li:last-child{margin-right:0}.l-hero .hero-img .slick-dots li button{cursor:pointer;width:6px;height:6px;margin:0;padding:0;display:block;text-indent:-9999px;border-radius:100px;background:#ccc;border:none}.l-hero .hero-img .slick-dots li button:hover{background:#fff}.l-hero .hero-img .slick-dots li.slick-active button{background:#fff}@media (min-width: 768px){.l-main>div{margin:5em auto}}@media (max-width: 767px){.l-main>div{margin:3em auto}}.l-main>div h3{color:#949dc2;font-size:30px;font-size:3rem;line-height:1.6666666667;letter-spacing:0.1em}.l-main_concept{position:relative}.l-main_concept:before{position:absolute;content:"";margin:auto;background:url(../images/common/cicle.png) no-repeat top right;background-size:contain}@media (min-width: 768px){.l-main_concept:before{z-index:0;top:-18vh;right:5%;width:25%;padding-top:25%}}@media (max-width: 767px){.l-main_concept:before{z-index:3;top:-10vh;right:0;width:35%;padding-top:35%}}.l-main_concept_wrapper{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-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;width:80%}@media (min-width: 768px){.l-main_concept_wrapper .con_img{width:45%;margin-left:-12.6%}}@media (max-width: 767px){.l-main_concept_wrapper .con_img{width:100%;margin-bottom:1em}}.l-main_concept_wrapper .con_img img{max-width:none}@media (min-width: 768px){.l-main_concept_wrapper .con_img img{width:120%}}@media (max-width: 767px){.l-main_concept_wrapper .con_img img{width:100%}}@media (min-width: 768px){.l-main_concept_wrapper .con_txt{width:50%}}@media (max-width: 767px){.l-main_concept_wrapper .con_txt{width:100%}}.l-main_concept_wrapper .con_txt p{letter-spacing:0.1em}.l-main_concept_wrapper .con_txt .yohaku{font-size:30px;font-size:3rem;line-height:1.6666666667}@media (min-width: 768px){.l-main_concept_wrapper .con_txt .yohaku{margin-bottom:1em}}@media (max-width: 767px){.l-main_concept_wrapper .con_txt .yohaku{margin-bottom:0.5em}}.l-main_profile{position:relative}.l-main_profile:before{position:absolute;content:"";margin:auto;background:url(../images/common/cicle.png) no-repeat top right;background-size:contain;z-index:-1}@media (min-width: 768px){.l-main_profile:before{top:-10vh;left:-3%;width:20%;padding-top:20%}}@media (max-width: 767px){.l-main_profile:before{top:33%;left:-13%;width:50%;padding-top:50%}}.l-main_profile_wrapper{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-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;width:80%}@media (min-width: 768px){.l-main_profile_wrapper .pro_txt{width:40%}}@media (max-width: 767px){.l-main_profile_wrapper .pro_txt{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.l-main_profile_wrapper .pro_txt p{font-family:"Noto Sans JP",sans-serif;font-weight:300;font-size:25px;font-size:2.5rem;line-height:1.2;margin:1em 0;letter-spacing:0.1em}.l-main_profile_wrapper .pro_txt ul{font-family:"Noto Sans JP",sans-serif;font-weight:300;font-size:14px;font-size:1.4rem;line-height:2.1428571429;margin:1em 0}@media (min-width: 768px){.l-main_profile_wrapper .pro_img{width:55%}}@media (max-width: 767px){.l-main_profile_wrapper .pro_img{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-bottom:2em}}.l-main_profile_wrapper .pro_img img{width:100%}.l-main_about{position:relative}.l-main_about:before{position:absolute;content:"";margin:auto;background:url(../images/common/cicle.png) no-repeat top right;background-size:contain}@media (min-width: 768px){.l-main_about:before{top:-21vh;right:5%;width:24%;padding-top:24%}}@media (max-width: 767px){.l-main_about:before{top:-11vh;right:-10px;width:55%;padding-top:55%}}.l-main_about_wrapper{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-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;width:80%}@media (min-width: 768px){.l-main_about_wrapper .map{width:55%}}@media (max-width: 767px){.l-main_about_wrapper .map{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media (min-width: 768px){.l-main_about_wrapper .txt{width:40%}}@media (max-width: 767px){.l-main_about_wrapper .txt{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.l-main_about_wrapper .txt p{font-family:"Noto Sans JP",sans-serif;font-weight:300;font-size:25px;font-size:2.5rem;line-height:1.2;margin:1em 0;letter-spacing:0.1em}.l-main_about_wrapper .txt ul{font-family:"Noto Sans JP",sans-serif;font-weight:300;font-size:14px;font-size:1.4rem;line-height:2.1428571429;margin:1em 0}.l-main_about_wrapper .txt ul a{text-decoration:underline;color:#000}.l-main_about_wrapper .txt ul a img{width:1.3em;vertical-align:inherit;padding-left:0.5em}.l-main_about_wrapper .txt ul a:hover{text-decoration:none}.l-main_works{background:url(../images/top/works.jpg) no-repeat center center;background-size:cover}.l-main_works_wrapper{margin:auto;width:80%}@media (min-width: 768px){.l-main_works_wrapper{padding:5em 0}}@media (max-width: 767px){.l-main_works_wrapper{padding:7em 0}}.l-main_works_wrapper .txt{width:300px;padding:2em;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;-ms-flex-line-pack:center;align-content:center;text-align:center}@media (min-width: 768px){.l-main_works_wrapper .txt{background:#fff;height:300px}}@media (max-width: 767px){.l-main_works_wrapper .txt{background:rgba(255,255,255,0.8);height:200px}}.l-main_works_wrapper .txt h3{width:100%}.l-main_works_wrapper .txt .btn{margin:1em auto 0;display:inline-block;width:80%;text-align:center;background-color:#fff;color:#fff;text-decoration:none;padding:0.5em 1em;position:relative}.l-main_works_wrapper .txt .btn span{position:relative;z-index:1}.l-main_works_wrapper .txt .btn:before,.l-main_works_wrapper .txt .btn:after{content:"";display:block;background-color:#949dc2;width:50%;height:100%;position:absolute;top:0;-webkit-transition:.3s;transition:.3s;border:1px solid #949dc2}.l-main_works_wrapper .txt .btn:before{left:0}.l-main_works_wrapper .txt .btn:after{right:0}.l-main_works_wrapper .txt .btn:hover{color:#949dc2}.l-main_works_wrapper .txt .btn:hover:before,.l-main_works_wrapper .txt .btn:hover:after{width:0;background-color:#949dc2}.l-main_contact{position:relative}.l-main_contact:before{position:absolute;content:"";margin:auto;background:url(../images/common/cicle.png) no-repeat top right;background-size:contain;z-index:-1}@media (min-width: 768px){.l-main_contact:before{top:-13vh;left:25%;width:20%;padding-top:20%}}@media (max-width: 767px){.l-main_contact:before{top:-17vh;left:-10px;width:55%;padding-top:55%}}.l-main_contact_wrapper{margin:auto;width:80%;text-align:center}.l-main_contact_wrapper h3{margin:auto}.l-main_news_wrapper{margin:auto}@media (min-width: 768px){.l-main_news_wrapper{width:70%}}@media (max-width: 767px){.l-main_news_wrapper{width:90%}}@media (max-width: 767px){.l-main_news_wrapper h3{text-align:center}}@media (min-width: 768px){.l-main_news_wrapper .news-detail .titleWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.l-main_news_wrapper .news-detail .titleWrap .date{width:100px}.l-main_news_wrapper .news-detail .detail-wrapper ul{border-top:1px solid #d8d9d9;margin-top:20px}.l-main_news_wrapper .news-detail .detail-wrapper ul li{border-bottom:1px solid #d8d9d9;padding:10px 0}.l-main_news_wrapper .news-detail .detail-wrapper .datacat{display:block}@media (min-width: 768px){.l-main_news_wrapper .news-detail .detail-wrapper .datacat{text-align:right}}@media (max-width: 767px){.l-main_news_wrapper .news-detail .detail-wrapper .datacat{text-align:left;width:100%}}.l-main_news_wrapper .news-detail .detail-wrapper .datacat .date{padding-left:10px;width:100px}.l-main_news_wrapper .news-detail .detail-wrapper .title{display:block}@media (max-width: 767px){.l-main_news_wrapper .news-detail .detail-wrapper .title{width:100%}}.l-main_news_wrapper .news-detail .detail-wrapper .title a{color:#000}@media (min-width: 768px){.l-main_news_wrapper .news-detail .detail-wrapper .title a{padding-left:10px}}.l-main_news_wrapper .news-detail .detail-wrapper .title a:hover{text-decoration:underline}.l-main_news_wrapper .news-detail .detail-wrapper .news-more{font-size:14px;font-size:1.4rem;line-height:1.4285714286}