.format-area .format-txt{line-height:2}.format-area .format-txt p:not(:last-child){margin-bottom:1em}.format-area .format-img{font-size:0;text-align:center}.format-area .img-caption{font-size:1.6rem;margin-top:10px;text-align:left}.format-area .format-row{display:flex;justify-content:space-between}.format-area .format01{margin:60px auto}.format-area .format02{margin:60px auto}.format-area .format03{margin:60px auto}.format-area .format04{margin:60px auto}.format-area .format05{margin:60px auto}.format-area .format06{margin:60px auto}.format-area .format07{margin:60px auto}.format-area .format08{margin:60px auto}.format-area .format09{margin:60px auto}.format-area .format01 .ttl-lrg{font-size:3.4rem;font-weight:bold;letter-spacing:0.1em;padding:15px 0 15px 15px;border-left:12px solid #ea6c00;color:#ea6c00}.format-area .format02 .ttl-mid{font-size:2.6rem;letter-spacing:0.15em;font-weight:bold;padding:15px 0 0 20px;border-left:5px solid #000;position:relative}.format-area .format02 .ttl-mid::before{content:"";display:block;position:absolute;width:100%;max-width:294px;height:5px;top:0;left:0;background:#000}.format-area .format07 .format-img{width:48%}.format-area .format07 .format-img-wrap{position:relative;overflow:hidden;padding-top:60.78%}.format-area .format07 .format-img-wrap img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:100%;width:auto;max-width:inherit}.format-area .format08 .format-img{width:32%}.format-area .format08 .format-img-wrap{position:relative;overflow:hidden;padding-top:60.78%}.format-area .format08 .format-img-wrap img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:100%;width:auto;max-width:inherit}@media screen and (min-width: 768px){.format-area .format-rowPC{display:flex;justify-content:space-between}.format-area .format-rowPC .head,.format-area .format-rowPC .body{width:48%}.format-area .format05 .format-rowPC{flex-direction:row-reverse}}@media screen and (max-width: 767px){.format-area .format-rowPC .head{margin-bottom:25px}.format-area .format01 .ttl-lrg{font-size:2.6rem}.format-area .format02 .ttl-mid{font-size:2.2rem}.format-area .format08 .format-row{flex-wrap:wrap}.format-area .format08 .format-img{width:48%}.format-area .format08 .format-img:last-child{width:100%;margin-top:25px}}@media screen and (max-width: 576px){.format-area .format01{margin:40px auto}.format-area .format02{margin:40px auto}.format-area .format03{margin:40px auto}.format-area .format04{margin:40px auto}.format-area .format05{margin:40px auto}.format-area .format06{margin:40px auto}.format-area .format07{margin:40px auto}.format-area .format08{margin:40px auto}.format-area .format09{margin:40px auto}.format-area .format01 .ttl-lrg{font-size:2.2rem;border-width:8px;padding:7px 0 7px 15px}.format-area .format02 .ttl-mid{font-size:1.8rem;padding:15px 0 0 15px}.format-area .format02 .ttl-mid::before{width:60%}.format-area .format09 iframe{height:320px}}.works-nav .nav-item{display:flex}.works-nav .nav-item:not(:last-child){margin-bottom:10px}.works-nav .nav-item .head{background:#333;color:#fff;min-width:97px;height:42px;line-height:42px;text-align:center;font-weight:bold;letter-spacing:0.1em}.works-nav .nav-item .body{width:100%}.works-nav .nav-row{display:flex;justify-content:space-between;flex-wrap:wrap}.works-nav .select-row{display:flex;align-items:center;margin-right:50px}.works-nav .select-row li{margin-left:15px;width:35px;height:35px}.works-nav .select-row li a{display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.works-nav .select-row li a.col01{background-image:url("../img/works/icon-row1.png")}.works-nav .select-row li a.col01:hover,.works-nav .select-row li a.col01.current{background-image:url("../img/works/icon-row1_on.png")}.works-nav .select-row li a.col02{background-image:url("../img/works/icon-row2.png")}.works-nav .select-row li a.col02:hover,.works-nav .select-row li a.col02.current{background-image:url("../img/works/icon-row2_on.png")}.works-nav .select-row li a.col04{background-image:url("../img/works/icon-row4.png")}.works-nav .select-row li a.col04:hover,.works-nav .select-row li a.col04.current{background-image:url("../img/works/icon-row4_on.png")}.works-nav .btn-all{display:inline-block;border:1px solid #333;padding:8px 20px;border-radius:25px;text-align:center;font-weight:bold;letter-spacing:0.1em;color:#333;background:#ccc}.works-nav .btn-all:hover{background:#333;color:#fff}.works-nav .nav-tag{display:inline-block;border:1px solid #333;padding:8px 20px;border-radius:25px;text-align:center;font-weight:bold;letter-spacing:0.1em;color:#333;margin:0 0 10px 10px}.works-nav .nav-tag:hover,.works-nav .nav-tag.current{background:#ea6c00}.works-nav .point-nav .nav-tag{min-width:125px}@media screen and (min-width: 768px){.works-nav .nav-item.col-nav{align-items:center;margin-bottom:20px}.works-nav .nav-item.col-nav .body{display:flex}}@media screen and (max-width: 767px){.works-nav .nav-item .head{font-size:1.4rem;min-width:90px;height:38px;line-height:38px;margin-bottom:10px}.works-nav .col-nav .head{display:none}.works-nav .col-nav .body{text-align:right}.works-nav .select-row{display:none}.works-nav .btn-all{font-size:1.4rem}.works-nav .nav-tag{font-size:1.4rem;margin:3px 0 3px 7px}.works-nav .point-nav .nav-tag{min-width:90px}}@media screen and (max-width: 576px){.works-nav .nav-item{display:block;width:100%}}.works-item a{display:block}.works-item a:hover .item-img img{transform:scale(1.1, 1.1);opacity:.7}.works-item .new-area{display:block}.works-item .new-area span{display:none;background:#ea6c00;color:#fff;font-family:"Jost",sans-serif;font-size:1.8rem;font-weight:400;line-height:50px;width:100px;height:50px;text-align:center}.works-item .new-area .new{display:block}.works-item .item-img{font-size:0;overflow:hidden}.works-item .item-img img{transition:.3s}.works-item .item-cat{overflow:hidden;height:34px;padding:0 17px 0 0}.works-item .item-cat span{display:inline-block;background:#000;color:#fff;font-weight:bold;letter-spacing:0.1em;min-width:160px;height:34px;line-height:34px;text-align:center;position:relative}.works-item .item-cat span::after{content:"";position:absolute;top:50%;left:100%;margin-top:-17px;border:17px solid transparent;border-left:17px solid #000}@media screen and (max-width: 767px){.works-item .new-area span{font-size:1.4rem;line-height:40px;width:80px;height:40px}}.works-list.col2,.works-list.col4{display:flex;justify-content:space-between;flex-wrap:wrap}.works-list.col2 .works-item{width:48%;margin-top:100px}.works-list.col2 .works-item .head{position:relative}.works-list.col2 .works-item .body{margin-top:-17px}.works-list.col2 .works-item .new-area{position:absolute;top:0;left:0}.works-list.col2 .works-item .item-img{width:95%;max-width:470px;margin:0 0 0 auto}.works-list.col2 .works-item .item-img img{width:100%;height:314px;object-fit:cover;font-family:'object-fit: cover;'}.works-list.col2 .works-item .item-ttl{margin-top:15px;height:38px;overflow:hidden;padding:0 19px 0 0}.works-list.col2 .works-item .item-ttl .ttl-inner{width:100%;display:inline-block;border:3px solid #000;height:38px;line-height:32px;position:relative;font-weight:bold;padding:0 10px}.works-list.col2 .works-item .item-ttl .ttl-inner::before,.works-list.col2 .works-item .item-ttl .ttl-inner::after{content:"";position:absolute;top:50%}.works-list.col2 .works-item .item-ttl .ttl-inner::before{right:-34px;margin-top:-17px;border:17px solid transparent;border-left:17px solid #FFF;z-index:2}.works-list.col2 .works-item .item-ttl .ttl-inner::after{right:-40px;margin-top:-19px;border:19px solid transparent;border-left:19px solid #000;z-index:1}.works-list.col2 .works-item .item-ttl .omitted{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width: 1140px){.works-list.col2 .works-item .item-img img{height:30vw}}@media screen and (max-width: 767px){.works-list.col2 .works-item .item-cat span{font-size:1.4rem}}@media screen and (max-width: 576px){.works-list.col2{display:block}.works-list.col2 .works-item{width:100%}.works-list.col2 .works-item .item-img img{height:60vw}}.works-list.col1 .works-item{margin-top:100px;position:relative}.works-list.col1 .works-item .item-img{max-width:1000px;width:95%;margin:0 auto}.works-list.col1 .works-item .item-img img{width:100%;height:666px;object-fit:cover;font-family:'object-fit: cover;'}.works-list.col1 .works-item .item-cat{margin-top:15px}.works-list.col1 .works-item .item-ttl{margin-top:15px;height:54px;overflow:hidden;padding:0 27px 0 0}.works-list.col1 .works-item .item-ttl .ttl-inner{display:inline-block;border:5px solid #000;background:#fff;height:54px;line-height:48px;position:relative;font-weight:bold;font-size:1.8rem;padding:0 10px}.works-list.col1 .works-item .item-ttl .ttl-inner::before,.works-list.col1 .works-item .item-ttl .ttl-inner::after{content:"";position:absolute;top:50%}.works-list.col1 .works-item .item-ttl .ttl-inner::before{right:-46px;margin-top:-23px;border:23px solid transparent;border-left:23px solid #FFF;z-index:2}.works-list.col1 .works-item .item-ttl .ttl-inner::after{right:-59px;margin-top:-27px;border:27px solid transparent;border-left:27px solid #000;z-index:1}.works-list.col1 .works-item .item-ttl .omitted{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (min-width: 768px){.works-list.col1 .works-item .body{position:absolute;bottom:40px;left:0}.works-list.col1 .works-item .item-cat{height:56px;padding:0 28px 0 0}.works-list.col1 .works-item .item-cat span{min-width:272px;height:54px;line-height:54px;font-size:1.8rem}.works-list.col1 .works-item .item-cat span::after{margin-top:-27px;border:27px solid transparent;border-left:27px solid #000}}@media screen and (max-width: 1140px){.works-list.col1 .works-item .item-img img{height:64vw}}@media screen and (max-width: 767px){.works-list.col1 .works-item .body{position:relative;margin-top:-17px}.works-list.col1 .works-item .new-area{position:absolute;top:-55px;left:0}.works-list.col1 .works-item .item-cat{margin:0}}.works-list.col4{margin-top:40px}.works-list.col4 .works-item{width:23%;margin-top:60px}.works-list.col4 .works-item .head{position:relative}.works-list.col4 .works-item .new-area{position:absolute;bottom:0;left:0}.works-list.col4 .works-item .new-area span{width:63px;height:30px;line-height:30px;font-size:1.6rem}.works-list.col4 .works-item .item-img img{width:100%;height:167px;object-fit:cover;font-family:'object-fit: cover;'}.works-list.col4 .works-item .item-ttl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px}@media screen and (min-width: 768px){.works-list.col4::before,.works-list.col4::after{content:"";display:block;width:23%}.works-list.col4::before{order:1}}@media screen and (max-width: 1140px){.works-list.col4 .works-item .item-img img{height:14vw}}@media screen and (max-width: 767px){.works-list.col4 .works-item{width:48%}.works-list.col4 .works-item .item-img img{height:28vw}}.btn-back-head{margin-top:90px;text-align:right}.btn-back-head a{font-size:1.4rem;letter-spacing:0.1em}.btn-back-head .arw{display:inline-block;width:44px;height:28px;position:relative;margin-left:0.5em}.btn-back-head .arw::before,.btn-back-head .arw::after{content:"";position:absolute;bottom:0;border-bottom:solid 1px #000;height:0;margin:auto;right:0;transition:.3s}.btn-back-head .arw::before{width:44px}.btn-back-head .arw::after{transform:rotate(35deg);transform-origin:right;width:44px}.btn-back-head a:hover .arw::before,.btn-back-head a:hover .arw::after{right:-10px}.article-block .new-area{display:block}.article-block .new-area span{display:none;background:#ea6c00;color:#fff;font-family:"Jost",sans-serif;font-size:1.8rem;font-weight:400;line-height:50px;width:100px;height:50px;text-align:center}.article-block .new-area .new{display:block}.article-block .article-ttl{color:#fff;font-weight:bold;font-size:2.8rem;letter-spacing:0.2em;position:relative;z-index:1;padding:20px 50px 20px 25px;background:url("../img/works/bg-ttl.svg") no-repeat top left;background-size:100% 100%;margin:15px auto 60px}@media screen and (max-width: 1140px){.article-block .article-ttl{margin:15px auto 40px}}@media screen and (max-width: 767px){.article-block .article-ttl{font-size:2.4rem;padding:20px 1.2em 20px 1em}}@media screen and (max-width: 576px){.article-block .article-ttl{font-size:2.2rem;margin:15px auto 25px}}.work-mainslide{display:flex;justify-content:space-between}.mainslide{width:75%;max-width:817px}.mainslide-item .item-img{position:relative;overflow:hidden;padding-top:60.78%}.mainslide-item .item-img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:100%;width:auto;max-width:inherit}.mainslide .slick-prev,.mainslide .slick-next{z-index:1;width:17px;height:47px}.mainslide .slick-prev::before,.mainslide .slick-next::before{font-family:FontAwesome;font-size:4.7rem;text-shadow:0px 0px 10px rgba(0,0,0,0.5)}.mainslide .slick-prev{left:15px}.mainslide .slick-prev::before{content:"\f104"}.mainslide .slick-next{right:15px}.mainslide .slick-next::before{content:"\f105"}.mainslide-nav{width:23%;display:flex;justify-content:space-between;flex-direction:column}.mainslide-thum{display:flex;justify-content:space-between;flex-wrap:wrap}.mainslide-thum-item{width:48%;font-size:0;margin-bottom:10px;cursor:pointer;transition:.3s}.mainslide-thum-item img{width:100%;height:70px;object-fit:cover;font-family:'object-fit: cover;'}.mainslide-thum-item:hover{opacity:.7}.mainslide-thum .thumbnail-current{position:relative}.mainslide-thum .thumbnail-current::after{position:absolute;content:"";width:95%;height:91%;border:3px solid #000;display:block;top:0;left:0}.btn-voice{display:block;background:#CEC3A1;color:#333;font-weight:bold;letter-spacing:0.1em;position:relative;padding:20px 0;text-align:center;margin:25px auto 0;width:100%}.btn-voice .arw{position:absolute;bottom:10px;right:10px;display:block;width:43px}.btn-voice .arw::before,.btn-voice .arw::after{content:"";position:absolute;top:0;bottom:0;right:0;border-bottom:solid 1px #000;height:0;margin:auto;transition:.3s}.btn-voice .arw::before{width:43px}.btn-voice .arw::after{transform:rotate(45deg);width:7px;transform-origin:right}.btn-voice:hover{background:#333;color:#fff}.btn-voice:hover .arw::before,.btn-voice:hover .arw::after{border-color:#fff}@media screen and (max-width: 1140px){.work-mainslide{display:block}.mainslide{width:100%;max-width:none}.mainslide-nav{width:100%;margin-top:25px}.mainslide-thum{justify-content:flex-start}.mainslide-thum-item{width:10%}}@media screen and (max-width: 767px){.mainslide-thum{display:none}.btn-voice{margin:0}}.other-list-block{margin:100px auto 0;border-top:1px dashed #4D4D4D;padding:80px 0 0}.other-list-block-ttl-ja{color:#ea6c00}.other-list{display:flex;justify-content:space-between;flex-wrap:wrap}.other-list .works-item{width:31%}.other-list .works-item .head{position:relative;padding-top:50px}.other-list .works-item .new-area{position:absolute;top:0;left:0}.other-list .works-item .item-img img{width:100%;height:211px;object-fit:cover;font-family:'object-fit: cover;'}.other-list .works-item .item-ttl{margin-top:15px;height:38px;overflow:hidden;padding:0 19px 0 0}.other-list .works-item .item-ttl .ttl-inner{width:100%;display:inline-block;border:3px solid #000;height:38px;line-height:32px;position:relative;font-weight:bold;padding:0 10px}.other-list .works-item .item-ttl .ttl-inner::before,.other-list .works-item .item-ttl .ttl-inner::after{content:"";position:absolute;top:50%}.other-list .works-item .item-ttl .ttl-inner::before{right:-34px;margin-top:-17px;border:17px solid transparent;border-left:17px solid #FFF;z-index:2}.other-list .works-item .item-ttl .ttl-inner::after{right:-40px;margin-top:-19px;border:19px solid transparent;border-left:19px solid #000;z-index:1}.other-list .works-item .item-ttl .omitted{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (min-width: 768px){.other-list::after{content:"";display:block;width:31%}}@media screen and (max-width: 1140px){.other-list .works-item .item-img img{height:18vw}}@media screen and (max-width: 767px){.other-list .works-item{width:48%}.other-list .works-item:first-child{width:100%}.other-list .works-item:first-child .item-img img{height:58vw}.other-list .works-item:nth-child(n+2){margin-top:25px}.other-list .works-item .head{padding-top:40px}.other-list .works-item .item-img img{height:28vw}.other-list .works-item .item-ttl{font-size:1.4rem}}
/*# sourceMappingURL=works.css.map */