﻿#top-concept-area{max-width:1400px;padding:15em 5% 8em 5%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;flex-direction:column}#top-concept-area h1{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:1.15em;padding-top:3.5em;order:1}#top-concept-area p.catch{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:1.5em;font-weight:100;text-align:center;order:0}#top-concept-area p.catch span{width:100%;padding-bottom:1.5em;display:inline-block}#top-concept-area p.catch img{height:11em;opacity:0;animation:blurdisp 3s ease forwards}#mainimg-area{color:#fff;width:100%;height:62.5vw;position:relative}#mainimg-area .txt-area{max-width:1000px;margin:0 auto;position:absolute;right:0;bottom:5vh;left:0;z-index:10}#mainimg-area .txt-area h2{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:2em}#mainimg-area .txt-area p{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:0.95em;margin:1.5em 0}#mainimg-area .mainimg-img-area{width:100%;height:100%}#mainimg-area .mainimg-img-area::before{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:5;background:#000;opacity:.35;content:''}#mainimg-area .mainimg-img-area .slick-list{height:100%}#mainimg-area .mainimg-img-area picture{width:100%;height:62.5vw;display:block;position:relative;z-index:1}#mainimg-area .mainimg-img-area picture img{width:100%;height:100%;object-fit:cover}#mainimg-area+.top-contents-section{margin-top:20em}@media screen and (min-width: 576px) and (max-width: 767px){#mainimg-area+.top-contents-section{margin-top:10em}}@media screen and (max-width: 575px){#mainimg-area+.top-contents-section{margin-top:7.5em}}.concept-area{width:100vw}.concept-area p.lead{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:1.4em;line-height:2}.concept-area p.lead+p{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;margin-top:4em}.concept-area ul.service-list-ul{width:100%;max-width:1920px;padding:0 2.5%;margin:7em auto 5em auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;gap:calc(17.5% / 4)}.concept-area ul.service-list-ul li{width:16.5%}.concept-area ul.service-list-ul li dl dt{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:1.4em;font-weight:normal}.concept-area ul.service-list-ul li dl dt figure{text-align:center;width:100%;position:relative}.concept-area ul.service-list-ul li dl dt figure img{max-width:80%}.concept-area ul.service-list-ul li dl dt figure figcaption{margin:1em auto 0 auto}.concept-area ul.service-list-ul li dl dd.summary{padding-top:1em}.concept-area ul.service-list-ul li dl dd.summary p{font-size:0.95em;text-align:left;line-height:1.8}@media screen and (min-width: 1940px){.concept-area ul.service-list-ul li dl dd.summary p{font-size:1em}}.concept-area ul.service-list-ul li:nth-of-type(1){margin-top:3em}.concept-area ul.service-list-ul li:nth-of-type(2){margin-top:9em}.concept-area ul.service-list-ul li:nth-of-type(3){margin-top:1em}.concept-area ul.service-list-ul li:nth-of-type(4){margin-top:8em}.concept-area .top-concept-detail-area{padding-top:4em}.concept-area .top-concept-detail-area p.catch{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:1.35em;line-height:1.8}.concept-area .top-concept-detail-area dl{max-width:815px;padding:0 1.5em 0 1.5em;margin:0 auto}.concept-area .top-concept-detail-area dl dt{padding:7em 0}.concept-area .top-concept-detail-area dl dt img{height:14em}.concept-area .top-concept-detail-area dl dd p{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:1.15em;line-height:2}.about-area{width:100vw;padding-top:15em;overflow:hidden}.about-area .inner{width:100%;padding-right:2.5%;padding-left:2.5%;padding-right:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple}@media screen and (min-width: 1640px) and (max-width: 1940px){.about-area .inner{padding-right:calc(50% - 750px);padding-left:calc(50% - 750px)}}@media screen and (min-width: 1940px){.about-area .inner{padding-right:calc(50% - 780px);padding-left:calc(50% - 780px)}}@media screen and (max-width: 575px){.about-area .inner{padding-right:5%;padding-left:5%}}.about-area .inner .left-area{text-align:left;width:50%;padding:3em 0}.about-area .inner .left-area p.catch strong{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:2.9vw;color:#C98A5F;letter-spacing:0.25em;line-height:1.4;padding-bottom:1em;display:inline-block}@media screen and (min-width: 1940px){.about-area .inner .left-area p.catch strong{font-size:3.5em}}.about-area .inner .left-area picture{width:100%}.about-area .inner .left-area picture img{width:100%}.about-area .inner .right-area{text-align:left;width:50%;padding-left:5%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;align-items:center}.about-area .inner .right-area .txt-area{width:62.5%}.about-area .inner .right-area .txt-area p{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:0.95em}.about-area .inner .right-area .txt-area p.detail-link{text-align:right;margin-top:2em}.about-area .inner .right-area .txt-area p+p{margin-top:2.5em}.about-area .inner .right-area .txt-area figure{text-align:center;margin:5em 0}.about-area .inner .right-area .txt-area figure img{width:75%}.about-area .inner .img-area{width:30%;margin-left:auto;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;flex-direction:column;justify-content:space-between}.top-contents-section h2{font-family:neue-kabel, sans-serif;font-weight:500;font-style:normal;font-size:5em;color:#243A5E;font-weight:900;margin-bottom:0.5em}.top-contents-section+.top-contents-section{margin-top:20em}@media screen and (max-width: 575px){.top-contents-section+.top-contents-section{margin-top:7.5em}}.top-contents-section#concept h2{color:#c4ab82}.gallery-area .inner{width:100%;padding-right:2.5%;padding-left:2.5%;overflow:hidden}@media screen and (min-width: 1640px) and (max-width: 1940px){.gallery-area .inner{padding-right:calc(50% - 750px);padding-left:calc(50% - 750px)}}@media screen and (min-width: 1940px){.gallery-area .inner{padding-right:calc(50% - 780px);padding-left:calc(50% - 780px)}}@media screen and (max-width: 575px){.gallery-area .inner{padding-right:5%;padding-left:5%}}.gallery-area .inner h2{text-align:right}.gallery-area .inner p{text-align:left;width:35%;float:right;clear:both;overflow:hidden}.gallery-area .inner p.btn-link{width:auto;margin-top:2em}.gallery-area .inner p.btn-link::before,.gallery-area .inner p.btn-link::after{background:#243A5E}.gallery-area .inner p.btn-link a{color:#243A5E;transition:.3s ease-in}.gallery-area .inner p.btn-link a span::before,.gallery-area .inner p.btn-link a span::after{background:#243A5E}.gallery-area .inner p.btn-link a:hover{background:rgba(36,58,94,0.1)}.gallery-area ul.gallery-slider{width:100%;margin-top:5em}.gallery-area ul.gallery-slider li{margin:0 1.5em}.gallery-area ul.gallery-slider li img.gallery01{width:31vw}.gallery-area ul.gallery-slider li img.gallery02{width:32vw;margin-top:4em}.gallery-area ul.gallery-slider li img.gallery03{width:31.8vw;margin-top:3em}.gallery-area ul.gallery-slider li img.gallery04{width:22.4vw;margin-top:8em}.gallery-area ul.gallery-slider li img.gallery05{width:31.8vw;margin-top:6em}.gallery-area ul.gallery-slider li img.gallery06{width:30vw;margin-top:3em}.gallery-area ul.gallery-slider li img.gallery07{width:40vw;margin-top:0.5em}.gallery-area ul.gallery-slider li img.gallery08{width:22.4vw;margin-top:8em}.gallery-area ul.gallery-slider li img.gallery09{width:35vw;margin-top:7em}.gallery-area ul.gallery-slider li img.gallery10{width:22.4vw;margin-top:2em}@media screen and (min-width: 1940px){.gallery-area ul.gallery-slider li img{width:auto !important}}.flow-area{text-align:left;width:100%;padding-right:2.5%;padding-left:2.5%;padding-top:10em;padding-bottom:10em;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;background:#F3EFEA}@media screen and (min-width: 1640px) and (max-width: 1940px){.flow-area{padding-right:calc(50% - 750px);padding-left:calc(50% - 750px)}}@media screen and (min-width: 1940px){.flow-area{padding-right:calc(50% - 780px);padding-left:calc(50% - 780px)}}@media screen and (max-width: 575px){.flow-area{padding-right:5%;padding-left:5%}}.flow-area .headline-area{width:35.25%;padding-right:4.5%}.flow-area ol{width:64.75%;padding-left:5%;position:relative}.flow-area ol::before{width:1px;height:95%;display:block;position:absolute;top:2.5%;left:0;background:#878372;content:''}.flow-area ol li h3{font-family:'Yu Gothic', '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ ProN", sans-serif;font-weight:100;font-size:2.6em;font-weight:100;line-height:1.1;margin-bottom:0.7em}.flow-area ol li h3 span.num{color:#C98A5F;font-family:neue-kabel, sans-serif;font-weight:500;font-style:normal;font-weight:200;font-size:3.15em;letter-spacing:0;margin-right:0.1em;opacity:.5;transform:translateY(-0.2em)}.flow-area ol li h3 span.en{color:#C5C3BD;font-family:neue-kabel, sans-serif;font-weight:500;font-style:normal;font-weight:400;font-size:0.9em;padding-left:1em;display:inline-block;transform:translateY(-0.2em)}.flow-area ol li p{padding-left:5em}.flow-area ol li+li{margin-top:8em}.works-area{padding-left:2.5%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;justify-content:space-between}@media screen and (min-width: 1940px){.works-area{padding-left:calc(50% - 780px)}}@media screen and (min-width: 1601px) and (max-width: 1940px){.works-area{padding-left:calc(50% - 780px)}}.works-area .txt-area{text-align:left;width:27.8%}.works-area .slide-area{width:61.5%}.works-area .slide-area ul.works-slide-ul{width:100%}.works-area .slide-area ul.works-slide-ul li{position:relative}.works-area .slide-area ul.works-slide-ul li .slide-data{text-align:right;width:40%;position:absolute;bottom:0;left:-45%}.works-area .slide-area ul.works-slide-ul li .slide-data h3{font-family:neue-kabel, sans-serif;font-weight:500;font-style:normal;font-size:1.4em;font-weight:bold;letter-spacing:0;margin-bottom:1em}.works-area .slide-area ul.works-slide-ul li .slide-data dl{text-align:right}.works-area .slide-area ul.works-slide-ul li .slide-data dl dt{text-align:right}.works-area .slide-area ul.works-slide-ul li .slide-data dl dt img{margin-left:auto}.works-area .slide-area ul.works-slide-ul li .slide-data dl dd{padding:1em 0 0 0}.works-area .slide-area .slick-list{overflow:visible}.works-area .slide-area ul.slick-dots{padding-top:1.5em;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;justify-content:flex-start}.works-area .slide-area ul.slick-dots li button{text-indent:-9999px;width:8px;height:8px;border-radius:50%;background:#243A5E}.works-area .slide-area ul.slick-dots li+li{margin-left:2em}.works-area .slide-area ul.slick-dots li.slick-active button{background:#000}@media screen and (min-width: 576px) and (max-width: 767px){.top-contents-section h2{font-size:3.25em}.top-contents-section p{line-height:2}.top-contents-section+.top-contents-section{margin-top:10em}#mainimg-area{aspect-ratio:3.25 / 4;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;align-items:flex-end}#mainimg-area .txt-area{padding:1em;position:static}#mainimg-area .txt-area h2{font-size:1.65em}#mainimg-area .txt-area p{font-size:0.9em}#mainimg-area .mainimg-img-area{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}#mainimg-area .mainimg-img-area .slick-track{height:100%}#mainimg-area .mainimg-img-area .slick-track img{width:100%;height:100%;object-fit:cover}.concept-area{padding:0 2em}.concept-area ul.service-list-ul{padding:0;margin:5em auto 3em auto;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5%}.concept-area ul.service-list-ul li{width:47.5%}.concept-area ul.service-list-ul li dl dt figure{padding-bottom:3em}.concept-area ul.service-list-ul li dl dt figure img{max-width:70%}.concept-area ul.service-list-ul li dl dt figure figcaption{bottom:0.75em}.concept-area ul.service-list-ul li dl dd.summary p{font-size:1em;line-height:1.8}.concept-area ul.service-list-ul li:nth-of-type(even){transform:translateY(5em)}.gallery-area .inner p{float:none;width:90%;margin-right:auto;margin-left:auto}.gallery-area ul.gallery-slider li{margin:0 0.5em}.flow-area{padding-top:8em}.flow-area ol.flow-ol{margin-top:3em}.flow-area ol.flow-ol li+li{margin-top:5em}.flow-area ol.flow-ol li h3{font-size:1.9em}.flow-area ol.flow-ol li h3 span.num{font-size:2.4em}.flow-area ol.flow-ol li p{padding-left:2em}.about-area{padding-top:0}.about-area .inner .left-area{width:42.5%}.about-area .inner .left-area p.catch strong{letter-spacing:0.1em}.about-area .inner .right-area{width:57.5%}}@media screen and (max-width: 575px){.top-contents-section h2{font-size:3em}.top-contents-section p{text-align:left;line-height:2}#top-concept-area{padding:10em 5% 6em 5%}#top-concept-area p.catch img{height:7em}#top-concept-area h1{padding-top:1.5em}#top-concept-area p.catch{line-height:1.6}#top-concept-area p.catch span{padding-bottom:0.5em}#mainimg-area{height:80vh;aspect-ratio:initial;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;align-items:flex-end}#mainimg-area .txt-area{padding:1em;position:static}#mainimg-area .txt-area h2{font-size:1.65em}#mainimg-area .txt-area p{font-size:0.9em;line-height:1.8;text-align:left}#mainimg-area .txt-area p br{display:none}#mainimg-area .mainimg-img-area{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}#mainimg-area .mainimg-img-area .slick-track{height:100%}#mainimg-area .mainimg-img-area .slick-track picture{height:100%}#mainimg-area .mainimg-img-area .slick-track img{width:100%;height:100%;object-fit:cover}.concept-area{padding:0 2em}.concept-area p.lead{line-height:2}.concept-area ul.service-list-ul{padding:0;margin:5em auto 3em auto;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5%}.concept-area ul.service-list-ul li{width:47.5%}.concept-area ul.service-list-ul li dl dt figure img{max-width:90%}.concept-area ul.service-list-ul li dl dt figure figcaption{bottom:0.75em}.concept-area ul.service-list-ul li dl dd.summary p{font-size:1em;line-height:1.8}.concept-area ul.service-list-ul li:nth-of-type(even){transform:translateY(10em)}.gallery-area .inner p{float:none;width:90%;margin-right:auto;margin-left:auto}.gallery-area ul.gallery-slider li{margin:0 0.5em}.flow-area{padding-top:5em;flex-direction:column}.flow-area .headline-area{width:100%}.flow-area ol.flow-ol{width:100%;margin-top:3em}.flow-area ol.flow-ol li+li{margin-top:5em}.flow-area ol.flow-ol li h3{font-size:1.9em}.flow-area ol.flow-ol li h3 span.num{font-size:2.2em}.flow-area ol.flow-ol li p{padding-left:2em}.about-area{padding-top:0em}.about-area .inner{flex-direction:column}.about-area .inner .left-area{width:100%;order:1}.about-area .inner .left-area p.catch strong{font-size:5.5vw}.about-area .inner .left-area picture{width:60%;margin-left:40%}.about-area .inner .right-area{width:100%;align-items:initial;order:0}.about-area .inner .right-area .txt-area p{font-size:1.1em;line-height:1.8}.about-area .inner .right-area .img-area{height:initial;min-height:0}.about-area .inner .right-area .img-area picture:nth-of-type(1){margin-top:4em;margin-bottom:auto}.about-area .inner .right-area .img-area picture:nth-of-type(2){margin-top:auto;margin-bottom:4em}}
/*# sourceMappingURL=top.css.map */
