.project_list{margin:0 auto;padding:0;width:100%;overflow:hidden;-moz-column-count:4;column-count:4}.project_list .box{padding:15px;box-sizing:content-box}.project_list .box img{height:auto}.project_list .box_inner{display:block;position:relative}.project_list .box_inner:before{content:"";display:inline-block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,40,40,.7);opacity:0;transition:opacity .3s ease}.project_list .box_inner:hover:before{opacity:1}.project_list .box_inner:hover .text_wrap{opacity:1;transform:translate3d(0,0,0)}.project_list .text_wrap{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;opacity:0;transform:translate3d(0,10px,0);transition:opacity .3s ease,transform .3s ease}.project_list .category{font-size:13px;color:#5e6165;background:#fff;padding:5px 20px;display:inline-block}.project_list .title{font-size:16px;color:#fff;text-align:center}@media screen and (max-width:1024px){.project_list{-moz-column-count:3;column-count:3}}@media screen and (max-width:768px){.project_list{display:flex;flex-direction:column;gap:30px;-moz-column-count:1;column-count:1}.project_list .box{padding:0}.project_list .text_wrap{position:static;opacity:1;align-items:flex-start;transform:translate3d(0,0,0);margin-top:10px;gap:5px}.project_list .category{color:#5e6165;border:1px solid #dfe2e5;padding:5px 10px;font-size:12px}.project_list .title{color:#5e6165;font-size:14px}.project_list .box_inner:before{content:none}}.project_detail_content{background-color:#fff;padding:70px}.project_detail_title{font-size:.94rem;margin-bottom:30px}.project_detail_title .title_inner{display:inline-block;border-bottom:2px solid #282828}.project_detail_content .block{display:flex}.project_detail_content .block_left{width:260px}.project_detail_content .block_left ul li{font-size:.75rem;margin-bottom:8px}.project_detail_content .block_right{flex:1}.project_detail_content .block_right p{font-size:.75rem;line-height:2.3}.project_detail_content a.map{display:inline-block;background-color:#e61e1e;font-size:90%;color:#fff;padding:0 5px;transition:opacity .3s ease}.project_detail_content a.map:hover{opacity:.8}@media (max-width:768px){.project_detail_content{padding:20px}.project_detail_title{margin-bottom:20px}.project_detail_content .block{display:block}.project_detail_content .block_left{width:auto}.project_detail_content .block_right{margin-top:20px}}.project_slider{margin-bottom:0 !important}.slick-dots{left:50%;bottom:15px;transform:translate3d(-50%,0,0);width:auto}.slick-dots li button:before{content:"";display:inline-block;width:6px;height:6px;border:1px solid #fff;border-radius:100%;opacity:1;position:static}.slick-dots li button:hover:before,.slick-dots li.slick-active button:before{background-color:#fff;opacity:1}.slick-dots li button{width:auto;height:auto;margin:0;padding:0}.slick-dots li{width:auto;height:auto;margin:0;padding:5px}.search_num{font-size:.75rem;margin-bottom:20px}.slick-slide{height:725px !important}.slick-slide img{display:block;height:100%;margin:auto}@media (max-width:768px){.slick-slide{height:250px !important}.thumb_wrap .thumb{display:inline;vertical-align:top}}.block_project_01{background:#edeef0;border-bottom:100px solid #f7f8f9;padding:0}.block_project_01 .project_list_head{padding:35px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.block_project_01 .category_box,.block_project_01 .search_box{display:flex;max-width:100%;align-items:baseline}.block_project_01 .category_box>.f_en,.block_project_01 .search_box>.f_en{font-size:22px}.block_project_01 .category_box{gap:40px;align-items:center}.block_project_01 select{border:0;padding:4px 20px;color:#5e6165}.block_project_01 select:focus{outline:none}.block_project_01 .search_box{gap:10px}.block_project_01 .search_box form{background:#fff;width:100%;display:flex}.block_project_01 .search_button{padding:10px}.block_project_01 .search_text{border:0;width:100%;height:100%;padding:10px;background-color:#fff !important}.block_project_01 .search_text::-moz-placeholder{color:#b4b4b4}.block_project_01 .search_text::placeholder{color:#b4b4b4}.block_project_01 .local_nav{display:flex;gap:30px;align-items:center}.block_project_01 .local_nav a{font-size:13px;position:relative}.block_project_01 .local_nav a:not(.map):hover{color:inherit;opacity:.7}.block_project_01 .local_nav a:not(.map):hover:after{content:"";position:absolute;left:0;bottom:-10px;width:0;border-bottom:solid 1px #333;animation:border_anim .3s linear forwards}.block_project_01 .map{display:block;padding:5px 10px 5px 30px;background:#fff;border:1px solid #dfe2e5;position:relative;font-size:12px;line-height:1.7}.block_project_01 .map:before{content:"";width:11px;height:15px;background:url(//www.city-ao.co.jp/city-sys/wp-content/themes/city_wp/src/css/../images/common/icon_map.svg) no-repeat center;background-size:cover;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.block_project_01.bottom{background:#f8f7f9;padding-top:50px;border-bottom:0}.block_project_01.bottom .project_list_head{background:#edeef0;padding:35px 20px}@media screen and (max-width:768px){.block_project_01{border-bottom:40px solid #f7f8f9}.block_project_01 .project_list_head{flex-direction:column;gap:40px}.block_project_01 .category_box,.block_project_01 .search_box{flex-wrap:wrap;gap:20px;justify-content:space-between}.block_project_01 .category_box>.f_en,.block_project_01 .search_box>.f_en{font-size:18px}.block_project_01 .local_nav{gap:20px;flex-wrap:wrap}.block_project_01 .local_nav a{font-size:14px}.block_project_01 .map{font-size:12px}.block_project_01.bottom{background:#f8f7f9;padding-top:50px;border-bottom:0}.block_project_01.bottom .project_list_head{background:#edeef0;padding:35px 20px}}.block_project_02 .btn:after{content:"";width:7px;height:4px;background:url(//www.city-ao.co.jp/city-sys/wp-content/themes/city_wp/src/css/../images/common/icon_arrow_red.svg) no-repeat center;background-size:contain}.block_project_03{padding:30px 0;border-bottom:100px solid #f7f8f9}.block_project_03 .ttl{font-size:22px;font-weight:500}.block_project_03 .ttl span{font-size:30px}.block_project_04{background:#f7f8f9;margin-top:100px;padding-bottom:200px}.block_project_04 .main_img{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:100px;text-align:center}.block_project_04 .main_img img{width:auto;height:auto;max-width:100%;max-height:700px}@media screen and (max-width:768px){.block_project_04{margin-top:60px;padding:60px 0}.block_project_04 .main_img{gap:40px}}.block_project_05>.container{display:flex;padding:0 5%;gap:10%;justify-content:space-between}.block_project_05 .lf,.block_project_05 .rt{width:45%}.block_project_05 .lf{display:flex;gap:45px}.block_project_05 .lf .img{width:200px}.block_project_05 .lf .txt{width:calc(100% - 245px)}.block_project_05 .lf .name{font-size:22px;margin-bottom:20px}.block_project_05 .lf a.map{display:inline-block;background:#df0000;padding:3px 10px 2px;color:#fff;font-size:12px}.block_project_05 .lf a.map:hover{color:#fff;opacity:.5}.block_project_05 .lf dl{display:flex;flex-wrap:wrap;gap:10px 30px;line-height:1.5}.block_project_05 .lf dt{width:70px}.block_project_05 .lf dd{width:calc(100% - 100px);display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.block_project_05 .rt .txt{background:#f7f8f9;padding:20px;font-size:14px;line-height:2.3;margin-bottom:60px}.block_project_05 .rt .link{display:flex;justify-content:flex-end;gap:40px}.block_project_05 .rt .link span{display:flex;align-items:center;gap:5px}.block_project_05 .rt .link .prev:before{content:"";width:8px;height:8px;background:url(//www.city-ao.co.jp/city-sys/wp-content/themes/city_wp/src/css/../images/common/icon_link_arrow.svg) no-repeat center;background-size:contain}.block_project_05 .rt .link .next:after{content:"";width:8px;height:8px;background:url(//www.city-ao.co.jp/city-sys/wp-content/themes/city_wp/src/css/../images/common/icon_link_arrow.svg) no-repeat center;background-size:contain;transform:rotate(180deg)}.block_project_05 .rt .link a{position:relative}.block_project_05 .rt .link a:hover{color:inherit;opacity:.7}.block_project_05 .rt .link a:hover:after{content:"";position:absolute;left:0;bottom:-10px;width:0;border-bottom:solid 1px #333;animation:border_anim .3s linear forwards}@media screen and (max-width:768px){.block_project_05>.container{flex-direction:column;gap:25px;padding:0 20px}.block_project_05 .lf,.block_project_05 .rt{width:100%}.block_project_05 .lf{flex-direction:column;gap:25px}.block_project_05 .lf .img,.block_project_05 .lf .txt{width:100%}.block_project_05 .lf .name{font-size:16px}.block_project_05 .lf .img{text-align:center}.block_project_05 .lf .img img{max-width:70%}.block_project_05 .rt .txt{margin-bottom:40px}.block_project_05 .rt .link{justify-content:center}}@keyframes border_anim{0%{width:0}100%{width:100%}}#single-project .pagetitle_block .container{display:block}#single-project .pagetitle_block .pagetitle{position:relative}#single-project .pagetitle_block .pagetitle:after{top:-40px;right:-10%;left:auto}#single-project .pagetitle_block .pagetitle .copy{display:block;font-size:37px;font-weight:500;line-height:1.5;margin-bottom:15px;width:70%}#single-project .pagetitle_block .pagetitle>div{display:flex;gap:20px;align-items:center}#single-project .pagetitle_block .pagetitle .cat{font-size:13px;padding:5px 20px;background:#edeef0}#single-project .pagetitle_block .pagetitle .name{font-size:22px}#single-project .pagetitle_block .pagetitle_lead{text-align:right}@media screen and (max-width:768px){#single-project .pagetitle_block{padding:80px 0 50px}#single-project .pagetitle_block .container{flex-direction:column;gap:20px;justify-content:flex-start;align-items:flex-start}#single-project .pagetitle_block .pagetitle:after{font-size:60px;top:-15px;left:-10%}#single-project .pagetitle_block .pagetitle div{display:flex;gap:20px;align-items:center;flex-direction:row;flex-wrap:wrap}#single-project .pagetitle_block .pagetitle .f_en{font-size:36px}#single-project .pagetitle_block .pagetitle .f_ja{font-size:14px}#single-project .pagetitle_block .pagetitle_lead{text-align:left}}#single-project .parallax{height:450px}@media screen and (max-width:768px){#single-project .parallax{height:300px}}