@charset "UTF-8";
/* コンパイルCSS 直接修正禁止 */
.projectArticle{padding:0 30px;text-align:left}.projectArticle>.in{width:100%;margin:auto;max-width:980px;padding-top:100px;padding-bottom:70px}.projectArticle>.in:after{content:"";display:block;clear:both}.projectArticle>.in .title01{font-family:quasimoda,"游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ",Meiryo,Osaka,sans-serif;font-weight:300;font-size:5.5rem;letter-spacing:1.2rem;text-align:center;margin-bottom:60px}.projectArticle>.in .areatitle{font-family:quasimoda,"游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ",Meiryo,Osaka,sans-serif;font-weight:600;font-size:1.4rem;padding-bottom:10px;border-bottom:2px solid #bfbfbf;letter-spacing:.3rem}.projectArticle>.in .left{float:left;width:100%;max-width:650px}.projectArticle>.in .left .contents{padding-bottom:60px;border-bottom:2px solid #bfbfbf}.projectArticle>.in .left .contents .contentsTit01{font-size:1.8rem;font-weight:700;margin-top:24px}.projectArticle>.in .left .contents .contentsCap01{font-size:1.3rem;line-height:2.4rem;margin-top:24px}.projectArticle>.in .left .contents .cotnentsImg01{margin-top:30px}.projectArticle>.in .left .contents .cotnentsImg01>img{max-width:100%;height:auto}.projectArticle>.in .left .arts .one .link{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;position:relative;padding:10px 50px 10px 5px;transition:.2s;background-color:#fff}.projectArticle>.in .left .arts .one .link:after{content:"";display:block;width:5px;height:5px;border-bottom:1px solid #000;border-right:1px solid #000;transform:rotate(-45deg);position:absolute;top:0;bottom:0;right:15px;margin:auto}.no-touchevents .projectArticle>.in .left .arts .one .link:hover{background-color:#eef0f0}.projectArticle>.in .left .arts .one .link .time{font-family:quasimoda,"游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ",Meiryo,Osaka,sans-serif;font-weight:300;font-size:1.4rem;letter-spacing:.3rem}.projectArticle>.in .left .arts .one .link .tit{font-size:1.3rem;padding-left:4px;font-weight:700}.projectArticle>.in .left .cmnLayout01{margin-top:40px}.projectArticle>.in .right{float:right;width:100%;max-width:230px}.projectArticle>.in .right .linkarea a{display:block;padding:10px 10px 10px 5px;position:relative;transition:.2s;background-color:#fff;cursor:pointer}.no-touchevents .projectArticle>.in .right .linkarea a:hover,.projectArticle>.in .right .linkarea a.active{background-color:#eef0f0}.projectArticle>.in .right .linkarea a.active:after{transform:rotate(45deg)}.projectArticle>.in .right .linkarea a:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,rgba(153,153,153,.5) 0,rgba(153,153,153,.5) 50%,#fff 51%,#fff 100%);background-size:5px auto}.projectArticle>.in .right .linkarea a:after{content:"";display:block;width:5px;height:5px;border-bottom:1px solid #000;border-right:1px solid #000;transform:rotate(-45deg);transition:.2s;position:absolute;top:0;bottom:0;right:15px;margin:auto}.projectArticle>.in .right .linkarea a a,.projectArticle>.in .right .linkarea a>span{font-family:quasimoda,"游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ",Meiryo,Osaka,sans-serif;font-weight:600;font-size:1.3rem;letter-spacing:.4rem;font-weight:700}.projectArticle>.in .right .linkarea .links{position:absolute;right:0;pointer-events:none;opacity:0}.projectArticle>.in .right .linkarea .links.active{position:static;pointer-events:auto;opacity:1;transition:.6s}.projectArticle>.in .right .linkarea .links .link{display:block;padding:10px 10px 10px 5px;position:relative;transition:.2s;background-color:#fff}.no-touchevents .projectArticle>.in .right .linkarea .links .link:hover,.projectArticle>.in .right .linkarea .links .link.active{background-color:#eef0f0}.projectArticle>.in .right .linkarea .links .link:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,rgba(153,153,153,.5) 0,rgba(153,153,153,.5) 50%,#fff 51%,#fff 100%);background-size:5px auto}.projectArticle>.in .right .linkarea .links .link:after{content:"";display:block;width:5px;height:5px;border-bottom:1px solid #000;border-right:1px solid #000;transform:rotate(-45deg);position:absolute;top:0;bottom:0;right:15px;margin:auto}.projectArticle>.in .right .linkarea .links .link>span{font-family:quasimoda,"游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ",Meiryo,Osaka,sans-serif;font-weight:300;font-size:1.2rem;letter-spacing:.3rem}.projectArticle .articleArea{display:flex;flex-wrap:wrap}.projectArticle .articleArea .box{box-sizing:border-box;margin-bottom:18px}.projectArticle .articleArea .box .link{overflow:hidden;display:block;position:relative;background-color:#fff;transition:.2s;height:100%}.no-touchevents .projectArticle .articleArea .box .link:hover,.projectArticle .articleArea .box .link.active{opacity:.6}.projectArticle .articleArea .box figure img{display:block;width:100%;-o-object-fit:cover;object-fit:cover;height:100%}.projectArticle.detail{background-image:none}@media (max-width:720px){.projectArticle{padding:0 1rem;background-image:none}.projectArticle>.in{height:auto}.projectArticle>.in{padding-top:6rem;padding-bottom:4rem}.projectArticle>.in .title01{font-size:3.25rem;padding-left:0;letter-spacing:.5rem;margin-bottom:2rem}.projectArticle>.in .areatitle{font-size:1.2rem;padding-bottom:.5rem;border-bottom-width:1px}.projectArticle>.in .left{max-width:100%}.projectArticle>.in .left .contents{padding-bottom:3rem}.projectArticle>.in .left .contents .contentsTit01{font-size:1.4rem;line-height:2.5rem;margin-top:1.5rem}.projectArticle>.in .left .contents .contentsCap01{font-size:1.2rem;line-height:2rem;margin-top:1.5rem}.projectArticle>.in .left .contents .cotnentsImg01{margin-top:1.5rem}.projectArticle>.in .left .arts .one+.one{margin-top:1.5rem}.projectArticle>.in .left .arts .one .link{white-space:normal;padding:1rem 2rem 1rem 0}.projectArticle>.in .left .arts .one .link:after{right:0}.projectArticle>.in .left .arts .one .link .time{display:block;font-size:1.2rem}.projectArticle>.in .left .arts .one .link .tit{display:block;font-size:1.2rem;padding-left:0;margin-top:.5rem}.projectArticle>.in .left .cmnLayout01{margin-top:2rem}.projectArticle>.in .right{max-width:100%;margin-top:2rem}.projectArticle>.in .right .linkarea a{padding:1.5rem 2rem 1.5rem .5rem}.projectArticle .articleArea{display:block;margin-bottom:3rem}.projectArticle .articleArea .box{margin-bottom:1rem;width:100%}.projectArticle .articleArea .box figure{padding-bottom:60%}.projectArticle .articleArea .box figure img{position:absolute;top:0;left:0}}@media (min-width:721px){.projectArticle>.in.archive{max-width:1280px}.projectArticle .articleArea .box{height:185px;width:calc(100% / 4 - 12px);margin-left:16px}.projectArticle .articleArea .box figure{height:100%}}@media (min-width:721px) and (max-width:1200px){.projectArticle>.in.archive{max-width:980px}.projectArticle .articleArea .box{width:calc(100% / 3 - 12px);margin-left:18px}.projectArticle .articleArea .box:nth-child(3n+1){margin-left:0}}@media (min-width:1201px){.projectArticle .articleArea .box:nth-child(4n+1){margin-left:0}}
/*# sourceMappingURL=project.css.map */