[id^=portfolioArchive] .base_btn,[id^=portfolioIndividual] .base_btn,[id^=worksIndex] .base_btn,[id^=worksIndiv] .base_btn{position:relative;display:block;width:500px;padding:20px;margin:30px auto 0;color:#fff;font-size:18px;font-size:1.8rem;font-weight:700;text-align:center;text-decoration:none;background:#474542}[id^=portfolioArchive] .base_btn:before,[id^=portfolioIndividual] .base_btn:before,[id^=worksIndex] .base_btn:before,[id^=worksIndiv] .base_btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:hsla(0,0%,100%,.2);transition:all .3s}[id^=portfolioArchive] .base_btn:hover:before,[id^=portfolioIndividual] .base_btn:hover:before,[id^=worksIndex] .base_btn:hover:before,[id^=worksIndiv] .base_btn:hover:before{opacity:0;transform:scale(.5)}[id^=portfolioArchive] .base_btn:after,[id^=portfolioIndividual] .base_btn:after,[id^=worksIndex] .base_btn:after,[id^=worksIndiv] .base_btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:all .3s;border:1px solid hsla(0,0%,100%,.5)}[id^=portfolioArchive] .base_btn:hover:after,[id^=portfolioIndividual] .base_btn:hover:after,[id^=worksIndex] .base_btn:hover:after,[id^=worksIndiv] .base_btn:hover:after{opacity:1;transform:scale(1)}[id^=portfolioArchive] header,[id^=portfolioIndividual] header,[id^=worksIndex] header,[id^=worksIndiv] header{border-bottom:none!important}[id^=portfolioArchive] main#container,[id^=portfolioIndividual] main#container,[id^=worksIndex] main#container,[id^=worksIndiv] main#container{margin-top:60px}[id^=portfolioArchive] main#container a.externalLink,[id^=portfolioIndividual] main#container a.externalLink,[id^=worksIndex] main#container a.externalLink,[id^=worksIndiv] main#container a.externalLink{margin-right:10px;padding-left:20px}[id^=portfolioArchive] main#container a.externalLink span,[id^=portfolioIndividual] main#container a.externalLink span,[id^=worksIndex] main#container a.externalLink span,[id^=worksIndiv] main#container a.externalLink span{display:inline-block;padding-left:15px;padding-right:15px;background:url(/assets/dest/img/common/portfolio/ico_externalLink_bk.png) no-repeat 0}[id^=portfolioArchive] main#container #main,[id^=portfolioIndividual] main#container #main,[id^=worksIndex] main#container #main,[id^=worksIndiv] main#container #main{background:none}[id^=portfolioArchive] main#container #works-pagenation,[id^=portfolioIndividual] main#container #works-pagenation,[id^=worksIndex] main#container #works-pagenation,[id^=worksIndiv] main#container #works-pagenation{display:flex;justify-content:center;align-items:center;margin:40px 0}[id^=portfolioArchive] main#container #works-pagenation li,[id^=portfolioIndividual] main#container #works-pagenation li,[id^=worksIndex] main#container #works-pagenation li,[id^=worksIndiv] main#container #works-pagenation li{width:32%;margin:0}[id^=portfolioArchive] main#container #works-pagenation a,[id^=portfolioIndividual] main#container #works-pagenation a,[id^=worksIndex] main#container #works-pagenation a,[id^=worksIndiv] main#container #works-pagenation a{padding:15px 0;display:block;text-decoration:none;border-radius:20px;text-align:center;background:#fff;color:#5bb431!important;border-bottom:5px solid #5bb431;font-weight:700}[id^=portfolioArchive] #fixBanner,[id^=portfolioIndividual] #fixBanner,[id^=worksIndex] #fixBanner,[id^=worksIndiv] #fixBanner{display:none}[id^=portfolioArchive] #headline,[id^=portfolioIndividual] #headline,[id^=worksIndex] #headline,[id^=worksIndiv] #headline{border-top:1px solid #dcdcdc}[id^=portfolioArchive] .headline_works,[id^=portfolioIndividual] .headline_works,[id^=worksIndex] .headline_works,[id^=worksIndiv] .headline_works{position:relative;overflow:hidden;background:#fff;padding:clamp(60px,5vw,80px) 0}[id^=portfolioArchive] .headline_works_inner,[id^=portfolioIndividual] .headline_works_inner,[id^=worksIndex] .headline_works_inner,[id^=worksIndiv] .headline_works_inner{width:1200px;margin:auto;align-items:center}[id^=portfolioArchive] .headline_works_inner #pageTitle,[id^=portfolioIndividual] .headline_works_inner #pageTitle,[id^=worksIndex] .headline_works_inner #pageTitle,[id^=worksIndiv] .headline_works_inner #pageTitle{background:none;border:none}[id^=portfolioArchive] .headline_works_inner #pageTitle ._enText,[id^=portfolioIndividual] .headline_works_inner #pageTitle ._enText,[id^=worksIndex] .headline_works_inner #pageTitle ._enText,[id^=worksIndiv] .headline_works_inner #pageTitle ._enText{font-size:3rem;font-family:Oswald,sans-serif;margin-right:5px}[id^=portfolioArchive] .headline_works_inner #pageTitle ._fonten,[id^=portfolioIndividual] .headline_works_inner #pageTitle ._fonten,[id^=worksIndex] .headline_works_inner #pageTitle ._fonten,[id^=worksIndiv] .headline_works_inner #pageTitle ._fonten{font-family:Oswald,sans-serif}[id^=portfolioArchive] .headline_works_inner ._tlBox,[id^=portfolioIndividual] .headline_works_inner ._tlBox,[id^=worksIndex] .headline_works_inner ._tlBox,[id^=worksIndiv] .headline_works_inner ._tlBox{position:relative;display:flex;align-items:center;padding:20px 0}[id^=portfolioArchive] .headline_works_inner ._tlBox #pageTitle,[id^=portfolioIndividual] .headline_works_inner ._tlBox #pageTitle,[id^=worksIndex] .headline_works_inner ._tlBox #pageTitle,[id^=worksIndiv] .headline_works_inner ._tlBox #pageTitle{position:relative;z-index:1}[id^=portfolioArchive] .headline_works_inner ._tlBox #pageTitle ._en,[id^=portfolioIndividual] .headline_works_inner ._tlBox #pageTitle ._en,[id^=worksIndex] .headline_works_inner ._tlBox #pageTitle ._en,[id^=worksIndiv] .headline_works_inner ._tlBox #pageTitle ._en{font-size:8rem;color:#5bb431;line-height:1}[id^=portfolioArchive] .headline_works_inner ._tlBox #pageTitle ._sub,[id^=portfolioIndividual] .headline_works_inner ._tlBox #pageTitle ._sub,[id^=worksIndex] .headline_works_inner ._tlBox #pageTitle ._sub,[id^=worksIndiv] .headline_works_inner ._tlBox #pageTitle ._sub{display:block;font-size:1.8rem;text-align:left;color:#000}[id^=portfolioArchive] .headline_works_inner ._tlBox #pageTitle ._backText,[id^=portfolioIndividual] .headline_works_inner ._tlBox #pageTitle ._backText,[id^=worksIndex] .headline_works_inner ._tlBox #pageTitle ._backText,[id^=worksIndiv] .headline_works_inner ._tlBox #pageTitle ._backText{position:absolute;top:-20px;left:-140px;z-index:-1;-webkit-text-stroke:1px #def0d6;text-stroke:1px #def0d6;font-size:18rem;color:transparent;line-height:1}[id^=portfolioArchive] .headline_works_inner ._tlBox ._ttlLead,[id^=portfolioIndividual] .headline_works_inner ._tlBox ._ttlLead,[id^=worksIndex] .headline_works_inner ._tlBox ._ttlLead,[id^=worksIndiv] .headline_works_inner ._tlBox ._ttlLead{position:relative;z-index:1;margin-left:40px;font-size:2.2rem}[id^=portfolioArchive] .headline_works_inner #works_searchBox,[id^=portfolioIndividual] .headline_works_inner #works_searchBox,[id^=worksIndex] .headline_works_inner #works_searchBox,[id^=worksIndiv] .headline_works_inner #works_searchBox{position:relative;z-index:1;border-top:1px solid #ccc}[id^=portfolioArchive] .headline_works_inner .btn,[id^=portfolioArchive] .headline_works_inner .closeBtn,[id^=portfolioArchive] .headline_works_inner .works_searchBtn,[id^=portfolioIndividual] .headline_works_inner .btn,[id^=portfolioIndividual] .headline_works_inner .closeBtn,[id^=portfolioIndividual] .headline_works_inner .works_searchBtn,[id^=worksIndex] .headline_works_inner .btn,[id^=worksIndex] .headline_works_inner .closeBtn,[id^=worksIndex] .headline_works_inner .works_searchBtn,[id^=worksIndiv] .headline_works_inner .btn,[id^=worksIndiv] .headline_works_inner .closeBtn,[id^=worksIndiv] .headline_works_inner .works_searchBtn{display:none}[id^=portfolioArchive] .headline_works_inner .search_list,[id^=portfolioIndividual] .headline_works_inner .search_list,[id^=worksIndex] .headline_works_inner .search_list,[id^=worksIndiv] .headline_works_inner .search_list{display:flex;position:absolute;top:0;right:25px}[id^=portfolioArchive] .headline_works_inner .search_list li,[id^=portfolioIndividual] .headline_works_inner .search_list li,[id^=worksIndex] .headline_works_inner .search_list li,[id^=worksIndiv] .headline_works_inner .search_list li{transition:all .3s;margin-left:40px;padding:24px 0}[id^=portfolioArchive] .headline_works_inner .search_list li a,[id^=portfolioIndividual] .headline_works_inner .search_list li a,[id^=worksIndex] .headline_works_inner .search_list li a,[id^=worksIndiv] .headline_works_inner .search_list li a{transition:all .3s;display:block;width:160px;padding:5px;text-align:center;text-decoration:none;font-size:1.4rem;font-weight:700;color:#5bb431;border-radius:30px;cursor:pointer;background:#fff}[id^=portfolioArchive] .headline_works_inner .search_list li:hover .cat_nav,[id^=portfolioIndividual] .headline_works_inner .search_list li:hover .cat_nav,[id^=worksIndex] .headline_works_inner .search_list li:hover .cat_nav,[id^=worksIndiv] .headline_works_inner .search_list li:hover .cat_nav{display:block;opacity:1;visibility:visible}[id^=portfolioArchive] .headline_works_inner .search_list .current a,[id^=portfolioIndividual] .headline_works_inner .search_list .current a,[id^=worksIndex] .headline_works_inner .search_list .current a,[id^=worksIndiv] .headline_works_inner .search_list .current a{color:#fff;background:#5bb431}[id^=portfolioArchive] .headline_works_inner .tab_content,[id^=portfolioIndividual] .headline_works_inner .tab_content,[id^=worksIndex] .headline_works_inner .tab_content,[id^=worksIndiv] .headline_works_inner .tab_content{display:none}[id^=portfolioArchive] .headline_works_inner .tab_content.show_tab,[id^=portfolioIndividual] .headline_works_inner .tab_content.show_tab,[id^=worksIndex] .headline_works_inner .tab_content.show_tab,[id^=worksIndiv] .headline_works_inner .tab_content.show_tab{display:block}[id^=portfolioArchive] .headline_works_inner .cat_nav,[id^=portfolioIndividual] .headline_works_inner .cat_nav,[id^=worksIndex] .headline_works_inner .cat_nav,[id^=worksIndiv] .headline_works_inner .cat_nav{width:100%;padding:7px 0;background:#fff;z-index:9;border-bottom:1px solid #ccc}[id^=portfolioArchive] .headline_works_inner .cat_nav h3,[id^=portfolioIndividual] .headline_works_inner .cat_nav h3,[id^=worksIndex] .headline_works_inner .cat_nav h3,[id^=worksIndiv] .headline_works_inner .cat_nav h3{margin-bottom:10px;font-size:1.5rem;font-weight:700;color:#5bb431}[id^=portfolioArchive] .headline_works_inner .cat_nav_inner,[id^=portfolioIndividual] .headline_works_inner .cat_nav_inner,[id^=worksIndex] .headline_works_inner .cat_nav_inner,[id^=worksIndiv] .headline_works_inner .cat_nav_inner{width:1200px;margin:auto;display:flex;align-items:flex-start}[id^=portfolioArchive] .headline_works_inner .cat_nav_inner .ttl,[id^=portfolioIndividual] .headline_works_inner .cat_nav_inner .ttl,[id^=worksIndex] .headline_works_inner .cat_nav_inner .ttl,[id^=worksIndiv] .headline_works_inner .cat_nav_inner .ttl{width:170px;margin:7px 0 0}[id^=portfolioArchive] .headline_works_inner .search_sub,[id^=portfolioIndividual] .headline_works_inner .search_sub,[id^=worksIndex] .headline_works_inner .search_sub,[id^=worksIndiv] .headline_works_inner .search_sub{display:flex;flex-wrap:wrap;width:calc(100% - 170px)}[id^=portfolioArchive] .headline_works_inner .search_sub li,[id^=portfolioIndividual] .headline_works_inner .search_sub li,[id^=worksIndex] .headline_works_inner .search_sub li,[id^=worksIndiv] .headline_works_inner .search_sub li{margin:5px 10px 5px 0}[id^=portfolioArchive] .headline_works_inner .search_sub li a,[id^=portfolioIndividual] .headline_works_inner .search_sub li a,[id^=worksIndex] .headline_works_inner .search_sub li a,[id^=worksIndiv] .headline_works_inner .search_sub li a{transition:all .3s;display:block;padding:4px 15px;text-decoration:none;font-size:1.2rem;color:#000;border:1px solid #ccc;border-radius:50px}[id^=portfolioArchive] .headline_works_inner .search_sub li a.current,[id^=portfolioArchive] .headline_works_inner .search_sub li a:hover,[id^=portfolioIndividual] .headline_works_inner .search_sub li a.current,[id^=portfolioIndividual] .headline_works_inner .search_sub li a:hover,[id^=worksIndex] .headline_works_inner .search_sub li a.current,[id^=worksIndex] .headline_works_inner .search_sub li a:hover,[id^=worksIndiv] .headline_works_inner .search_sub li a.current,[id^=worksIndiv] .headline_works_inner .search_sub li a:hover{color:#5bb431;background:#def0d6;border-color:#5bb431}[id^=portfolioArchive] .headline_works_inner .btn_all,[id^=portfolioIndividual] .headline_works_inner .btn_all,[id^=worksIndex] .headline_works_inner .btn_all,[id^=worksIndiv] .headline_works_inner .btn_all{transition:all .3s;display:block;width:200px;margin:30px auto 0;padding:4px 10px;font-size:1.6rem;font-weight:700;text-decoration:none;text-align:center;color:#56bf26;border:1px solid #ccc;border-radius:50px;background:#fff}[id^=portfolioArchive] .headline_works_inner .btn_all:hover,[id^=portfolioIndividual] .headline_works_inner .btn_all:hover,[id^=worksIndex] .headline_works_inner .btn_all:hover,[id^=worksIndiv] .headline_works_inner .btn_all:hover{background:#def0d6}[id^=portfolioArchive] #pageTitle,[id^=portfolioIndividual] #pageTitle,[id^=worksIndex] #pageTitle,[id^=worksIndiv] #pageTitle{border-color:#def0d6}[id^=portfolioArchive] .lelease,[id^=portfolioIndividual] .lelease,[id^=worksIndex] .lelease,[id^=worksIndiv] .lelease{font-family:Oswald,sans-serif}[id^=portfolioArchive] .tag_link,[id^=portfolioIndividual] .tag_link,[id^=worksIndex] .tag_link,[id^=worksIndiv] .tag_link{width:1000px;margin:35px auto 0;font-size:1.2rem}[id^=portfolioArchive] .tag_link .tag,[id^=portfolioIndividual] .tag_link .tag,[id^=worksIndex] .tag_link .tag,[id^=worksIndiv] .tag_link .tag{font-family:Oswald,sans-serif;font-size:1.5rem}[id^=portfolioArchive] .tag_link a,[id^=portfolioIndividual] .tag_link a,[id^=worksIndex] .tag_link a,[id^=worksIndiv] .tag_link a{font-size:1.2rem;color:#000;text-decoration:none}[id^=portfolioArchive] .btn_basic,[id^=portfolioIndividual] .btn_basic,[id^=worksIndex] .btn_basic,[id^=worksIndiv] .btn_basic{display:block;width:100%;margin-bottom:20px;padding:15px;font-weight:700;color:#000;text-align:center;text-decoration:none;border:1px solid #c6c6c6;border-radius:50px}[id^=portfolioArchive] .sns_list,[id^=portfolioIndividual] .sns_list,[id^=worksIndex] .sns_list,[id^=worksIndiv] .sns_list{display:flex;align-items:center;align-content:center;font-family:Oswald,sans-serif}[id^=portfolioArchive] .sns_list li,[id^=portfolioIndividual] .sns_list li,[id^=worksIndex] .sns_list li,[id^=worksIndiv] .sns_list li{margin-left:10px}[id^=portfolioArchive] .sns_list a,[id^=portfolioIndividual] .sns_list a,[id^=worksIndex] .sns_list a,[id^=worksIndiv] .sns_list a{cursor:pointer;text-decoration:none;color:#000}[id^=portfolioArchive] .sns_list .sns a,[id^=portfolioIndividual] .sns_list .sns a,[id^=worksIndex] .sns_list .sns a,[id^=worksIndiv] .sns_list .sns a{margin-right:0!important;padding-left:0!important}[id^=portfolioArchive] .works_lead,[id^=portfolioIndividual] .works_lead,[id^=worksIndex] .works_lead,[id^=worksIndiv] .works_lead{background:#fff;padding:20px 2% 60px}[id^=portfolioArchive] .works_lead .innerWrap,[id^=portfolioIndividual] .works_lead .innerWrap,[id^=worksIndex] .works_lead .innerWrap,[id^=worksIndiv] .works_lead .innerWrap{width:100%!important;max-width:1200px!important;margin:auto}[id^=portfolioArchive] .works_lead .innerWrap a,[id^=portfolioIndividual] .works_lead .innerWrap a,[id^=worksIndex] .works_lead .innerWrap a,[id^=worksIndiv] .works_lead .innerWrap a{color:#5bb431}[id^=portfolioArchive] .works_lead .innerWrap p,[id^=portfolioIndividual] .works_lead .innerWrap p,[id^=worksIndex] .works_lead .innerWrap p,[id^=worksIndiv] .works_lead .innerWrap p{text-align:center;line-height:2;font-size:110%}[id^=portfolioArchive] .works_bottom,[id^=portfolioIndividual] .works_bottom,[id^=worksIndex] .works_bottom,[id^=worksIndiv] .works_bottom{background:#fff;padding-bottom:60px}[id^=portfolioArchive] .lead,[id^=portfolioIndividual] .lead,[id^=worksIndex] .lead,[id^=worksIndiv] .lead{margin-bottom:100px;padding:60px 2% 35px;background:linear-gradient(90deg,#fff,#fff 10%,#def0d6 0,#def0d6)}[id^=portfolioArchive] .lead .fl_box,[id^=portfolioIndividual] .lead .fl_box,[id^=worksIndex] .lead .fl_box,[id^=worksIndiv] .lead .fl_box{max-width:1000px;width:100%;display:flex;justify-content:space-between;align-items:center;align-content:center;margin:0 auto 25px}[id^=portfolioArchive] .lead .lead_left,[id^=portfolioIndividual] .lead .lead_left,[id^=worksIndex] .lead .lead_left,[id^=worksIndiv] .lead .lead_left{width:calc(100% - 200px)}[id^=portfolioArchive] .lead .lead_left .post_tl,[id^=portfolioIndividual] .lead .lead_left .post_tl,[id^=worksIndex] .lead .lead_left .post_tl,[id^=worksIndiv] .lead .lead_left .post_tl{line-height:1.2;margin-top:10px}[id^=portfolioArchive] .lead .lead_right,[id^=portfolioIndividual] .lead .lead_right,[id^=worksIndex] .lead .lead_right,[id^=worksIndiv] .lead .lead_right{width:180px}[id^=portfolioArchive] .lead .post_tl,[id^=portfolioIndividual] .lead .post_tl,[id^=worksIndex] .lead .post_tl,[id^=worksIndiv] .lead .post_tl{font-size:2.4rem}[id^=portfolioArchive] .lead .post_tl span,[id^=portfolioIndividual] .lead .post_tl span,[id^=worksIndex] .lead .post_tl span,[id^=worksIndiv] .lead .post_tl span{font-size:1.6rem}[id^=portfolioArchive] .lead .visual,[id^=portfolioIndividual] .lead .visual,[id^=worksIndex] .lead .visual,[id^=worksIndiv] .lead .visual{width:1200px;margin:auto;position:relative}[id^=portfolioArchive] .lead .visual img,[id^=portfolioIndividual] .lead .visual img,[id^=worksIndex] .lead .visual img,[id^=worksIndiv] .lead .visual img{display:block}[id^=portfolioArchive] .lead .visual .desktop,[id^=portfolioIndividual] .lead .visual .desktop,[id^=worksIndex] .lead .visual .desktop,[id^=worksIndiv] .lead .visual .desktop{overflow:hidden;width:1000px;max-height:600px;margin:auto;box-shadow:0 10px 10px rgba(0,0,0,.1)}[id^=portfolioArchive] .lead .visual .desktop img,[id^=portfolioIndividual] .lead .visual .desktop img,[id^=worksIndex] .lead .visual .desktop img,[id^=worksIndiv] .lead .visual .desktop img{max-width:100%;width:100%;height:auto}[id^=portfolioArchive] .lead .visual .smartphone,[id^=portfolioIndividual] .lead .visual .smartphone,[id^=worksIndex] .lead .visual .smartphone,[id^=worksIndiv] .lead .visual .smartphone{position:absolute;bottom:-75px;right:-95px;overflow:hidden;width:249px;height:451px}[id^=portfolioArchive] .lead .visual .smartphone img,[id^=portfolioIndividual] .lead .visual .smartphone img,[id^=worksIndex] .lead .visual .smartphone img,[id^=worksIndiv] .lead .visual .smartphone img{position:absolute;top:0;right:0}[id^=portfolioArchive] .lead .visual .smartphone .bg,[id^=portfolioIndividual] .lead .visual .smartphone .bg,[id^=worksIndex] .lead .visual .smartphone .bg,[id^=worksIndiv] .lead .visual .smartphone .bg{top:10px;right:25px;width:200px;height:auto}[id^=portfolioArchive] main .innerWrap,[id^=portfolioIndividual] main .innerWrap,[id^=worksIndex] main .innerWrap,[id^=worksIndiv] main .innerWrap{width:1400px!important;max-width:100%!important}[id^=portfolioArchive] main .worksList,[id^=portfolioIndividual] main .worksList,[id^=worksIndex] main .worksList,[id^=worksIndiv] main .worksList{margin-bottom:50px}[id^=portfolioArchive] main .worksList ul,[id^=portfolioIndividual] main .worksList ul,[id^=worksIndex] main .worksList ul,[id^=worksIndiv] main .worksList ul{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:0 2%}[id^=portfolioArchive] main .worksList ul li,[id^=portfolioIndividual] main .worksList ul li,[id^=worksIndex] main .worksList ul li,[id^=worksIndiv] main .worksList ul li{margin-bottom:30px}[id^=portfolioArchive] main .worksList ul li .photo,[id^=portfolioIndividual] main .worksList ul li .photo,[id^=worksIndex] main .worksList ul li .photo,[id^=worksIndiv] main .worksList ul li .photo{overflow:hidden;position:relative;width:100%;aspect-ratio:16/9;margin-bottom:20px}[id^=portfolioArchive] main .worksList ul li .photo img,[id^=portfolioIndividual] main .worksList ul li .photo img,[id^=worksIndex] main .worksList ul li .photo img,[id^=worksIndiv] main .worksList ul li .photo img{display:block;width:100%;height:auto;transition:.3s ease-in-out}[id^=portfolioArchive] main .worksList ul li .photo:hover img,[id^=portfolioIndividual] main .worksList ul li .photo:hover img,[id^=worksIndex] main .worksList ul li .photo:hover img,[id^=worksIndiv] main .worksList ul li .photo:hover img{transform:scale(1.2)}[id^=portfolioArchive] main .worksList ul li .photo .mask,[id^=portfolioIndividual] main .worksList ul li .photo .mask,[id^=worksIndex] main .worksList ul li .photo .mask,[id^=worksIndiv] main .worksList ul li .photo .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.6);transition:all .3s ease-in-out}[id^=portfolioArchive] main .worksList ul li .photo .mask ul,[id^=portfolioIndividual] main .worksList ul li .photo .mask ul,[id^=worksIndex] main .worksList ul li .photo .mask ul,[id^=worksIndiv] main .worksList ul li .photo .mask ul{transition:all .3s;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-80px);gap:inherit}[id^=portfolioArchive] main .worksList ul li .photo .mask ul li,[id^=portfolioIndividual] main .worksList ul li .photo .mask ul li,[id^=worksIndex] main .worksList ul li .photo .mask ul li,[id^=worksIndiv] main .worksList ul li .photo .mask ul li{text-align:center;width:auto;margin:0}[id^=portfolioArchive] main .worksList ul li .photo .mask ul li a,[id^=portfolioIndividual] main .worksList ul li .photo .mask ul li a,[id^=worksIndex] main .worksList ul li .photo .mask ul li a,[id^=worksIndiv] main .worksList ul li .photo .mask ul li a{display:block;color:#fff;text-decoration:none;margin-right:0!important;padding:10px 0;width:160px;border:1px solid #fff;border-radius:60px}[id^=portfolioArchive] main .worksList ul li .photo .mask ul li a:hover,[id^=portfolioIndividual] main .worksList ul li .photo .mask ul li a:hover,[id^=worksIndex] main .worksList ul li .photo .mask ul li a:hover,[id^=worksIndiv] main .worksList ul li .photo .mask ul li a:hover{background-color:hsla(0,0%,100%,.4);transition:all .6s ease}[id^=portfolioArchive] main .worksList ul li .photo .mask ul li a.externalLink,[id^=portfolioIndividual] main .worksList ul li .photo .mask ul li a.externalLink,[id^=worksIndex] main .worksList ul li .photo .mask ul li a.externalLink,[id^=worksIndiv] main .worksList ul li .photo .mask ul li a.externalLink{background:url(/assets/dest/img/common/portfolio/ico_externalLink_wh.png) no-repeat 20%!important;font-family:Oswald,sans-serif}[id^=portfolioArchive] main .worksList ul li .photo .mask ul li a:hover.externalLink,[id^=portfolioIndividual] main .worksList ul li .photo .mask ul li a:hover.externalLink,[id^=worksIndex] main .worksList ul li .photo .mask ul li a:hover.externalLink,[id^=worksIndiv] main .worksList ul li .photo .mask ul li a:hover.externalLink{background:hsla(0,0%,100%,.4) url(/assets/dest/img/common/portfolio/ico_externalLink_wh.png) no-repeat 20%!important;font-family:Oswald,sans-serif}[id^=portfolioArchive] main .worksList ul li .photo .mask ul li:first-child,[id^=portfolioIndividual] main .worksList ul li .photo .mask ul li:first-child,[id^=worksIndex] main .worksList ul li .photo .mask ul li:first-child,[id^=worksIndiv] main .worksList ul li .photo .mask ul li:first-child{margin-bottom:20px}[id^=portfolioArchive] main .worksList ul li .photo:hover .mask,[id^=portfolioIndividual] main .worksList ul li .photo:hover .mask,[id^=worksIndex] main .worksList ul li .photo:hover .mask,[id^=worksIndiv] main .worksList ul li .photo:hover .mask{opacity:1}[id^=portfolioArchive] main .worksList ul li .photo:hover .mask ul,[id^=portfolioIndividual] main .worksList ul li .photo:hover .mask ul,[id^=worksIndex] main .worksList ul li .photo:hover .mask ul,[id^=worksIndiv] main .worksList ul li .photo:hover .mask ul{transform:translateY(0)}[id^=portfolioArchive] main .worksList ul li dl,[id^=portfolioIndividual] main .worksList ul li dl,[id^=worksIndex] main .worksList ul li dl,[id^=worksIndiv] main .worksList ul li dl{line-height:1.4;font-size:1.2rem;font-weight:700}[id^=portfolioArchive] main .worksList ul li dl dt span,[id^=portfolioIndividual] main .worksList ul li dl dt span,[id^=worksIndex] main .worksList ul li dl dt span,[id^=worksIndiv] main .worksList ul li dl dt span{font-family:Oswald,sans-serif}[id^=portfolioArchive] main .worksList ul li dl dt strong,[id^=portfolioIndividual] main .worksList ul li dl dt strong,[id^=worksIndex] main .worksList ul li dl dt strong,[id^=worksIndiv] main .worksList ul li dl dt strong{display:block;font-size:1.8rem;line-height:1.4}[id^=portfolioArchive] main .worksList ul li dl dd span,[id^=portfolioIndividual] main .worksList ul li dl dd span,[id^=worksIndex] main .worksList ul li dl dd span,[id^=worksIndiv] main .worksList ul li dl dd span{font-family:Oswald,sans-serif}[id^=portfolioIndividual] #container,[id^=worksIndiv] #container{display:flex;align-items:flex-end;padding:0!important}[id^=portfolioIndividual] #main_con,[id^=worksIndiv] #main_con{order:2;width:65%;padding:50px 60px 95px;background:#def0d6}[id^=portfolioIndividual] #main_con .desktop,[id^=worksIndiv] #main_con .desktop{box-shadow:0 0 13px #95da74;margin-bottom:100px}[id^=portfolioIndividual] #main_con .desktop img,[id^=worksIndiv] #main_con .desktop img{display:block;max-width:100%;width:100%;height:auto}[id^=portfolioIndividual] #main_con .smartphone ul,[id^=worksIndiv] #main_con .smartphone ul{display:flex}[id^=portfolioIndividual] #main_con .smartphone li,[id^=worksIndiv] #main_con .smartphone li{overflow:hidden;width:31.5%;margin-right:3%;max-height:700px}[id^=portfolioIndividual] #main_con .smartphone li:nth-child(3n),[id^=worksIndiv] #main_con .smartphone li:nth-child(3n){margin-right:0}[id^=portfolioIndividual] #main_con .smartphone img,[id^=worksIndiv] #main_con .smartphone img{width:100%;height:auto}[id^=portfolioIndividual] #sub_con,[id^=worksIndiv] #sub_con{order:1;width:35%;position:sticky;bottom:0}[id^=portfolioIndividual] #sub_con .sub_detail,[id^=worksIndiv] #sub_con .sub_detail{padding:50px 30px 20px}[id^=portfolioIndividual] #sub_con .sub_detail .sub_detail_top,[id^=worksIndiv] #sub_con .sub_detail .sub_detail_top{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px}[id^=portfolioIndividual] #sub_con .post_tl,[id^=worksIndiv] #sub_con .post_tl{margin-bottom:15px;font-size:3.2rem;line-height:1.3}[id^=portfolioIndividual] #sub_con .post_tl span,[id^=worksIndiv] #sub_con .post_tl span{display:block;margin-top:15px;font-weight:400;font-size:1.4rem}[id^=portfolioIndividual] #sub_con .comment,[id^=worksIndiv] #sub_con .comment{font-size:1.5rem;margin-bottom:30px;line-height:2}[id^=portfolioIndividual] #sub_con .tag_link,[id^=worksIndiv] #sub_con .tag_link{margin:30px 0;text-align:left}[id^=portfolioIndividual] #sub_con .tag_link .tag,[id^=worksIndiv] #sub_con .tag_link .tag{display:block}[id^=portfolioIndividual] #sub_con .sns_list li,[id^=worksIndiv] #sub_con .sns_list li{margin:0 10px 0 0}[id^=portfolioIndividual] .detailAbout ._subTitle,[id^=worksIndiv] .detailAbout ._subTitle{position:relative;margin:0!important;padding:20px 20px 20px 30px;font-family:Oswald,sans-serif;font-size:4.8rem;color:#5bb431;line-height:1.2;background:#fff}[id^=portfolioIndividual] .detailAbout ._subTitle ._small,[id^=worksIndiv] .detailAbout ._subTitle ._small{display:block;font-size:1.6rem;color:#000;letter-spacing:.4rem}[id^=portfolioIndividual] .detailAbout ._subTitle:before,[id^=worksIndiv] .detailAbout ._subTitle:before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;height:60px;margin:auto;background:#5bb431}[id^=portfolioIndividual] .detailAbout ._text,[id^=worksIndiv] .detailAbout ._text{padding:20px 30px;font-weight:400;font-size:1.5rem}[id^=portfolioIndividual] .connectionArea,[id^=worksIndiv] .connectionArea{padding:0 30px 50px}[id^=portfolioIndividual] .connectionArea ._worksTitle,[id^=worksIndiv] .connectionArea ._worksTitle{position:relative;margin-top:30px;font-family:Oswald,sans-serif;font-size:2.4rem;line-height:1.2;text-align:center}[id^=portfolioIndividual] .connectionArea ._worksTitle span,[id^=worksIndiv] .connectionArea ._worksTitle span{position:relative;display:inline-block;padding:0 20px;background:#fff}[id^=portfolioIndividual] .connectionArea ._worksTitle:before,[id^=worksIndiv] .connectionArea ._worksTitle:before{content:"";position:absolute;top:0;bottom:0;left:0;margin:auto;width:100%;height:1px;background:#ccc}[id^=portfolioIndividual] .connectionArea .worksList,[id^=worksIndiv] .connectionArea .worksList{margin-top:0}[id^=portfolioIndividual] .connectionArea .worksList ul,[id^=worksIndiv] .connectionArea .worksList ul{display:block}[id^=portfolioIndividual] .connectionArea .worksList ul li,[id^=worksIndiv] .connectionArea .worksList ul li{width:100%;margin-right:0}[id^=portfolioIndividual] .connectionArea .worksList ul li:last-child,[id^=portfolioIndividual] .connectionArea .worksList ul li dl dt,[id^=worksIndiv] .connectionArea .worksList ul li:last-child,[id^=worksIndiv] .connectionArea .worksList ul li dl dt{margin-bottom:0}main .office{padding:40px 30px 20px;background:#393939;color:#fff}main .office .office_wrap{margin-bottom:30px;display:grid;grid-template-columns:30% 1fr;gap:20px;align-items:center}main .office .image{aspect-ratio:4/3}main .office .image img{width:100%;height:100%;object-fit:cover}main .office .office_name{font-size:2rem;font-weight:700;margin-bottom:10px}main .office .office_add{font-size:1.5rem}main .office .office_btn{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}main .office .office_btn a{background:#fff}@media screen and (max-width:1440px){[id^=portfolioArchive] .lead .visual .smartphone,[id^=worksIndex] .lead .visual .smartphone{right:0}[id^=portfolioArchive] main .innerWrap,[id^=worksIndex] main .innerWrap{width:100%;padding:0 3%}}@media screen and (max-width:1240px){[id^=portfolioArchive] .headline_works_inner,[id^=worksIndex] .headline_works_inner{width:100%}[id^=portfolioArchive] .headline_works_inner #pageTitle,[id^=worksIndex] .headline_works_inner #pageTitle{padding:15px 3%}[id^=portfolioArchive] .headline_works_inner .cat_nav_inner,[id^=worksIndex] .headline_works_inner .cat_nav_inner{width:100%;padding:0 3%}[id^=portfolioArchive] .lead .visual,[id^=worksIndex] .lead .visual{width:100%}}@media screen and (max-width:1040px){[id^=portfolioArchive] .lead .visual .desktop,[id^=worksIndex] .lead .visual .desktop{width:100%}}@media screen and (max-width:850px){body.is-active .l-header{z-index:0}[id^=portfolioArchive] main .innerWrap,[id^=portfolioIndividual] main .innerWrap{width:100%!important}[id^=portfolioArchive] .pan,[id^=portfolioIndividual] .pan{background:none}[id^=portfolioArchive] .base_btn,[id^=portfolioIndividual] .base_btn{width:96%;font-size:15px;padding:20px 10px}[id^=portfolioArchive] .headline_works,[id^=portfolioIndividual] .headline_works{padding:5% 0}[id^=portfolioArchive] .headline_works_inner,[id^=portfolioIndividual] .headline_works_inner{display:block;width:100%;overflow:hidden;padding:3%}[id^=portfolioArchive] .headline_works_inner #pageTitle,[id^=portfolioIndividual] .headline_works_inner #pageTitle{padding:3%;line-height:1.4}[id^=portfolioArchive] .headline_works_inner #pageTitle span,[id^=portfolioIndividual] .headline_works_inner #pageTitle span{font-size:2.4rem}[id^=portfolioArchive] .headline_works_inner ._tlBox,[id^=portfolioIndividual] .headline_works_inner ._tlBox{display:block}[id^=portfolioArchive] .headline_works_inner ._tlBox #pageTitle,[id^=portfolioIndividual] .headline_works_inner ._tlBox #pageTitle{margin-bottom:1.5em;padding:0}[id^=portfolioArchive] .headline_works_inner ._tlBox #pageTitle ._en,[id^=portfolioIndividual] .headline_works_inner ._tlBox #pageTitle ._en{font-size:6rem}[id^=portfolioArchive] .headline_works_inner ._tlBox #pageTitle ._sub,[id^=portfolioIndividual] .headline_works_inner ._tlBox #pageTitle ._sub{font-size:1.5rem;text-align:center}[id^=portfolioArchive] .headline_works_inner ._tlBox #pageTitle ._backText,[id^=portfolioIndividual] .headline_works_inner ._tlBox #pageTitle ._backText{top:-32px;left:0;right:0;margin:auto;font-size:11rem}[id^=portfolioArchive] .headline_works_inner ._tlBox ._ttlLead,[id^=portfolioIndividual] .headline_works_inner ._tlBox ._ttlLead{line-height:1.2;font-size:1.6rem;margin-left:0;text-align:center}[id^=portfolioArchive] .headline_works_inner .btn,[id^=portfolioArchive] .headline_works_inner .closeBtn,[id^=portfolioArchive] .headline_works_inner .works_searchBtn,[id^=portfolioIndividual] .headline_works_inner .btn,[id^=portfolioIndividual] .headline_works_inner .closeBtn,[id^=portfolioIndividual] .headline_works_inner .works_searchBtn{display:block}[id^=portfolioArchive] .headline_works_inner .closeBtn,[id^=portfolioIndividual] .headline_works_inner .closeBtn{margin:5%;float:right}[id^=portfolioArchive] .headline_works_inner .closeBtn img,[id^=portfolioIndividual] .headline_works_inner .closeBtn img{display:block;width:30px;height:30px}[id^=portfolioArchive] .headline_works_inner .btn,[id^=portfolioIndividual] .headline_works_inner .btn{position:relative;width:94%;margin:5% auto;padding:11px 10px;color:#56bf26;text-align:center;font-size:1.6rem;font-weight:700;background:#fff;border-radius:10px;border:1px solid #56bf26}[id^=portfolioArchive] .headline_works_inner .btn:before,[id^=portfolioIndividual] .headline_works_inner .btn:before{content:"";width:10px;height:10px;border:0;border-top:2px solid #56bf26;border-right:2px solid #56bf26;transform:rotate(45deg);position:absolute;top:0;bottom:0;right:5%;margin:auto}[id^=portfolioArchive] .headline_works_inner .cat_nav,[id^=portfolioIndividual] .headline_works_inner .cat_nav{padding:3%}[id^=portfolioArchive] .headline_works_inner .cat_nav h3,[id^=portfolioIndividual] .headline_works_inner .cat_nav h3{margin-bottom:0}[id^=portfolioArchive] .headline_works_inner .works_searchBtn,[id^=portfolioIndividual] .headline_works_inner .works_searchBtn{outline:none;display:block;width:80%;margin:auto;padding:11px 10px;font-size:1.6rem;font-weight:700;text-align:center;color:#56bf26;border:1px solid #ccc;border-radius:50px;background:#fff}[id^=portfolioArchive] .headline_works_inner .works_searchBtn span,[id^=portfolioIndividual] .headline_works_inner .works_searchBtn span{position:relative}[id^=portfolioArchive] .headline_works_inner .works_searchBtn span:before,[id^=portfolioIndividual] .headline_works_inner .works_searchBtn span:before{content:"";position:absolute;top:0;bottom:0;left:-40px;width:20px;height:19px;margin:auto;background:url(https://akindo2000.net/cms/wp-content/uploads/images/ico_search_01.png)}[id^=portfolioArchive] .headline_works_inner #works_searchBox,[id^=portfolioIndividual] .headline_works_inner #works_searchBox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fede4e;z-index:9;border-top:none;overflow:auto}[id^=portfolioArchive] .headline_works_inner .cat_nav_inner,[id^=portfolioIndividual] .headline_works_inner .cat_nav_inner{display:block;width:100%;padding:0}[id^=portfolioArchive] .headline_works_inner .cat_nav_inner .ttl,[id^=portfolioIndividual] .headline_works_inner .cat_nav_inner .ttl{margin-bottom:3%}[id^=portfolioArchive] .headline_works_inner .search_list,[id^=portfolioIndividual] .headline_works_inner .search_list{display:none;clear:both}[id^=portfolioArchive] .headline_works_inner .search_list li,[id^=portfolioIndividual] .headline_works_inner .search_list li{margin-left:0;padding:0}[id^=portfolioArchive] .headline_works_inner .search_list li h2,[id^=portfolioIndividual] .headline_works_inner .search_list li h2{width:100%;padding:2% 3%;text-align:left;background:#def0d6;border:none;border-radius:0}[id^=portfolioArchive] .headline_works_inner .search_list .cat_nav,[id^=portfolioIndividual] .headline_works_inner .search_list .cat_nav{position:static;display:block;opacity:1;visibility:inherit;padding:0 3% 3%}[id^=portfolioArchive] .headline_works_inner .search_list .cat_nav h3,[id^=portfolioIndividual] .headline_works_inner .search_list .cat_nav h3{display:none}[id^=portfolioArchive] .headline_works_inner .tab_content,[id^=portfolioIndividual] .headline_works_inner .tab_content{display:block!important}[id^=portfolioArchive] .headline_works_inner .search_sub,[id^=portfolioIndividual] .headline_works_inner .search_sub{justify-content:space-between;border-top:none;width:100%}[id^=portfolioArchive] .headline_works_inner .search_sub li,[id^=portfolioIndividual] .headline_works_inner .search_sub li{margin-right:0!important;width:48.5%;margin:0 0 3%}[id^=portfolioArchive] .headline_works_inner .search_sub li a,[id^=portfolioIndividual] .headline_works_inner .search_sub li a{padding:5% 3%;font-size:1.3rem;text-align:center}[id^=portfolioArchive] .lead,[id^=portfolioIndividual] .lead{margin-bottom:50px}[id^=portfolioArchive] .lead .fl_box,[id^=portfolioIndividual] .lead .fl_box{display:block}[id^=portfolioArchive] .lead .lead_left,[id^=portfolioArchive] .lead .lead_right,[id^=portfolioIndividual] .lead .lead_left,[id^=portfolioIndividual] .lead .lead_right{width:auto}[id^=portfolioArchive] .lead .post_tl,[id^=portfolioIndividual] .lead .post_tl{margin-bottom:3%;font-size:2rem;line-height:1.4}[id^=portfolioArchive] .lead .post_tl span,[id^=portfolioIndividual] .lead .post_tl span{font-size:1.4rem}[id^=portfolioArchive] .lead .lead_right,[id^=portfolioIndividual] .lead .lead_right{display:block;width:100%}[id^=portfolioArchive] .lead .visual .smartphone,[id^=portfolioIndividual] .lead .visual .smartphone{width:110px;height:200px;bottom:-60px}[id^=portfolioArchive] .lead .visual .smartphone img,[id^=portfolioIndividual] .lead .visual .smartphone img{width:100%;height:auto}[id^=portfolioArchive] .lead .visual .smartphone .bg,[id^=portfolioIndividual] .lead .visual .smartphone .bg{width:90px;height:auto;top:5px;right:9px}[id^=portfolioArchive] main#container a.externalLink,[id^=portfolioIndividual] main#container a.externalLink{margin-right:0;padding-left:0}[id^=portfolioArchive] main#container #works-pagenation .top,[id^=portfolioIndividual] main#container #works-pagenation .top{width:100%!important}[id^=portfolioArchive] main .worksList,[id^=portfolioIndividual] main .worksList{margin-top:0;padding:0}[id^=portfolioArchive] main .worksList ul,[id^=portfolioIndividual] main .worksList ul{grid-template-columns:repeat(1,1fr);gap:10px;padding:0}[id^=portfolioArchive] main .worksList ul li .photo,[id^=portfolioIndividual] main .worksList ul li .photo{height:auto;margin-bottom:3%;aspect-ratio:auto}[id^=portfolioArchive] main .worksList ul li .photo img,[id^=portfolioIndividual] main .worksList ul li .photo img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center}[id^=portfolioArchive] main .worksList ul li .photo .mask,[id^=portfolioIndividual] main .worksList ul li .photo .mask{position:static;opacity:1;margin:6% 0 3%;padding:0!important;background:none}[id^=portfolioArchive] main .worksList ul li .photo .mask ul,[id^=portfolioIndividual] main .worksList ul li .photo .mask ul{transform:none;width:100%;display:flex;justify-content:space-between;flex-direction:inherit;align-items:flex-start}[id^=portfolioArchive] main .worksList ul li .photo .mask ul li,[id^=portfolioIndividual] main .worksList ul li .photo .mask ul li{width:48.5%;margin-bottom:0!important}[id^=portfolioArchive] main .worksList ul li .photo .mask ul li a,[id^=portfolioIndividual] main .worksList ul li .photo .mask ul li a{width:100%;padding:5px 0;font-size:1.2rem;color:#000;border-color:#000}[id^=portfolioArchive] main .worksList ul li dl dt,[id^=portfolioIndividual] main .worksList ul li dl dt{margin-bottom:3%}[id^=portfolioArchive] main .worksList ul li dl dt strong,[id^=portfolioIndividual] main .worksList ul li dl dt strong{font-size:1.5rem}.pagenation .num{display:none}[id^=portfolioArchive] .lead .tag_link{margin-right:140px;text-align:left}[id^=portfolioArchive] .lead .tag_link .tag{display:block}[id^=portfolioIndividual] main#container{flex-wrap:wrap}[id^=portfolioIndividual] #main_con{width:100%;padding:5% 3%}[id^=portfolioIndividual] #main_con .desktop{margin-bottom:5%}[id^=portfolioIndividual] #main_con .desktop img{margin-bottom:0}[id^=portfolioIndividual] #sub_con{width:100%}[id^=portfolioIndividual] #sub_con .sub_detail{padding:5% 3%}[id^=portfolioIndividual] #sub_con .lelease{margin-bottom:3%}[id^=portfolioIndividual] #sub_con .post_tl{font-size:2.4rem}[id^=portfolioIndividual] #sub_con .tag_link{margin:5% 0}[id^=portfolioIndividual] #sub_con .sns_list{margin-bottom:5%}[id^=portfolioIndividual] .detailAbout{margin-top:6%}[id^=portfolioIndividual] .detailAbout ._subTitle{padding:15px 15px 15px 20px;font-size:3rem}[id^=portfolioIndividual] .detailAbout ._subTitle ._small{font-size:1.3rem}[id^=portfolioIndividual] .detailAbout ._subTitle:before{height:50px}[id^=portfolioIndividual] .detailAbout ._text{padding:15px 20px}[id^=portfolioIndividual] .connectionArea{order:3;margin:auto}[id^=portfolioIndividual] .connectionArea .worksList ul li{margin-bottom:6%}[id^=portfolioIndividual] .office{order:4;padding:8% 3%}[id^=portfolioIndividual] .office .office_wrap{gap:10px;align-items:flex-start;margin-bottom:3%}[id^=portfolioIndividual] .office .office_name{font-size:1.8rem}[id^=portfolioIndividual] .office .office_add{margin-bottom:5%}[id^=portfolioIndividual] .office .office_btn{grid-template-columns:repeat(1,1fr);gap:10px}[id^=portfolioIndividual] .office .office_btn .btn_basic{margin:0;padding:10px}}