#archive{margin:50px 0 0;background-color:#e6eede}#archive section.archive_title{position:relative;top:-45px;padding:0 50px}#archive section.archive_title .inner_1020{position:relative;display:flex;align-items:center;justify-content:center;height:90px;background-color:#b3d59f;border:2px solid #000;border-radius:45px}#archive section.archive_title .inner_1020 h1{font-size:30px;text-align:center}#archive section.bread{position:relative;top:-20px}#archive section.about{padding:0 50px;text-align:center}#archive section.about h1{font-size:20px}#archive section.about .inner_1020{position:relative;display:flex;align-items:center;justify-content:space-around;padding:50px;margin:30px auto 0;background-color:#fff;border:2px solid #000}#archive section.about .inner_1020:before{position:absolute;bottom:-80px;left:50%;z-index:2;width:330px;height:347px;margin-left:-750px;content:"";background-image:url(//sapporo-moiwa.jp/wp/wp-content/themes/moiwa_wp/css/../img/archive/img_archive_about_bg_left.png);background-size:cover}#archive section.about .inner_1020:after{position:absolute;right:50%;bottom:-40px;z-index:2;width:398px;height:333px;margin-right:-850px;content:"";background-image:url(//sapporo-moiwa.jp/wp/wp-content/themes/moiwa_wp/css/../img/archive/img_archive_about_bg_right.png);background-size:cover}#archive section.about .inner_1020 .join_wrapper{position:absolute;top:-100px;right:-80px;text-align:left}#archive section.about .inner_1020 .join_wrapper h2{margin:0 0 0 30px}#archive section.about .inner_1020 .join_wrapper .btn_wrapper_270_green a p{margin:0 0 0 20px;font-size:16px;line-height:1.5}#archive section.about .inner_1020 .text_wrapper{width:40%}#archive section.about .inner_1020 .text_wrapper p{line-height:2.5}#archive section.about .inner_1020 .img_wrapper{width:40%}#archive section.project{padding:10px 50px 80px;background-color:#e6eede}#archive section.project .title_wrapper{text-align:center}#archive section.project .title_wrapper h1{position:relative;display:inline-block;font-size:36px}#archive section.project .title_wrapper h1:before{position:absolute;top:-10px;right:-100px;width:88px;height:88px;content:"";background-color:#b3d59f;border:2px solid #000;border-radius:50%}#archive section.project .title_wrapper h1:after{position:absolute;top:10px;right:-86px;font-family:Lexend,sans-serif;font-size:24px;font-weight:700;content:"Now!"}#archive section.project .title_wrapper p{margin:30px 0 0}#archive section.project .link_wrapper{margin:30px 0 0}#archive section.project .link_wrapper ul{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}#archive section.project .link_wrapper ul li{margin:10px 14px 0}#archive section.project .link_wrapper ul li a p.category{padding:1px 15px;font-size:14px;color:#fff;background-color:#f2f2f2;border-radius:15px}#archive section.project .link_wrapper ul li a p.all{background-color:#000}#archive section.project .link_wrapper ul li a p.event{background-color:#61af66}#archive section.project .link_wrapper ul li a p.change{background-color:#e87683}#archive section.project .link_wrapper ul li a p.challenge{background-color:#e87683}#archive section.project .link_wrapper ul li a p.news{color:#000;background-color:#b3d59f}#archive section.project .link_wrapper ul li a p.collaboration{background-color:#138b7d}#archive section.project .link_wrapper ul li a p.voice{background-color:#138b7d}#archive section.project .post_wrapper{position:relative;padding:30px 40px;margin:40px auto 0;background-color:#b3d59f}#archive section.project .post_wrapper:before{position:absolute;right:50%;top:50px;width:53px;height:15px;margin-right:-585px;content:"";background-image:url(//sapporo-moiwa.jp/wp/wp-content/themes/moiwa_wp/css/../img/archive/img_archive_post_bg_right.png);background-size:cover}#archive section.project .post_wrapper:after{position:absolute;right:50%;bottom:-20px;width:804px;height:53px;margin-right:-400px;content:"";background-image:url(//sapporo-moiwa.jp/wp/wp-content/themes/moiwa_wp/css/../img/archive/img_archive_post_bg_bottom.png);background-size:cover}#archive section.project .post_wrapper ul:before{position:absolute;left:50%;top:372px;width:44px;height:44px;margin-left:-590px;content:"";background-image:url(//sapporo-moiwa.jp/wp/wp-content/themes/moiwa_wp/css/../img/archive/img_archive_post_bg_left.png);background-size:cover}#archive section.project .post_wrapper ul:after{display:block;width:30%;content:""}#archive section.project ul.page-numbers{display:flex;align-items:center;justify-content:center;margin:40px 0 0}#archive section.project ul.page-numbers li{margin:0 15px}#archive section.project ul.page-numbers li a{font-size:14px}#archive section.project ul.page-numbers li span.current{font-size:14px;width:34px;height:34px;background-color:#b3d59f;border:2px solid #000;border-radius:50%;line-height:29px;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;display:flex;align-content:center;justify-content:center}#archive section.join{position:relative;padding:60px 0 120px;text-align:center;background-color:#fff}#archive section.join h2{font-size:20px}#archive section.join .inner_920{position:relative;margin:120px auto 0}#archive section.join .inner_920:before{position:absolute;top:-50px;left:50%;width:234px;height:441px;margin-left:-500px;content:"";background-image:url(//sapporo-moiwa.jp/wp/wp-content/themes/moiwa_wp/css/../img/top/img_join_bg_left.png);background-size:cover}#archive section.join .inner_920:after{position:absolute;top:-50px;right:50%;width:260px;height:402px;margin-right:-500px;content:"";background-image:url(//sapporo-moiwa.jp/wp/wp-content/themes/moiwa_wp/css/../img/top/img_join_bg_right.png);background-size:cover}#archive section.join .inner_920 .title_wrapper h1{font-size:36px}#archive section.join .inner_920 .title_wrapper p{font-size:20px;font-weight:700}#archive section.join .inner_920 .text_wrapper{margin:50px 0 0}#archive section.join .inner_920 .btn_wrapper_270_green{margin:40px 0 0}#archive section.join .inner_920 .btn_wrapper_270_green a{box-shadow:10px 10px 0 0 #138b7d,10px 10px 0 2px #000}@media screen and (max-width:768px){#archive{margin:30px 0 0}#archive section.archive_title{position:relative;top:-22px;padding:0}#archive section.archive_title .inner_1020{height:45px}#archive section.archive_title .inner_1020 h1{font-size:22px}#archive section.about{padding:0}#archive section.about h1{font-size:15px}#archive section.about .inner_1020{flex-direction:column-reverse;padding:60px 0}#archive section.about .inner_1020:before{top:-60px;left:-70px;width:150px;height:158px;margin-left:0}#archive section.about .inner_1020:after{position:absolute;right:-70px;bottom:-90px;z-index:2;width:200px;height:166px;margin-right:0}#archive section.about .inner_1020 .join_wrapper{position:absolute;top:0;right:-150px;text-align:left}#archive section.about .inner_1020 .join_wrapper h2{margin:0 0 0 30px}#archive section.about .inner_1020 .join_wrapper .btn_wrapper_270_green a{justify-content:start;height:60px}#archive section.about .inner_1020 .join_wrapper .btn_wrapper_270_green a:after{top:23px}#archive section.about .inner_1020 .join_wrapper .btn_wrapper_270_green a p{margin:0 0 0 30px;font-size:12px;line-height:1.5}#archive section.about .inner_1020 .text_wrapper{width:90%;margin:50px 0 0}#archive section.about .inner_1020 .img_wrapper{width:70%}#archive section.project{padding:0 0 100px}#archive section.project .title_wrapper h1{font-size:27px}#archive section.project .title_wrapper h1:before{top:-7px;right:-75px;width:65px;height:65px}#archive section.project .title_wrapper h1:after{position:absolute;top:10px;right:-66px;font-size:18px}#archive section.project .title_wrapper p{margin:30px 0 0}#archive section.project .link_wrapper ul li{margin:10px 5px 0}#archive section.project .link_wrapper ul li a p.category{font-size:11px}#archive section.project .post_wrapper{padding:20px 0;margin:20px auto 0}#archive section.project .post_wrapper:before{right:-19px;top:17px;width:31px;height:9px;margin-right:0}#archive section.project .post_wrapper:after{right:50%;bottom:-11px;width:295px;height:19px;margin-right:-147px}#archive section.project .post_wrapper ul:before{left:-14px;top:315px;width:22px;height:22px;margin-left:0}#archive section.join{padding:60px 0 90px}#archive section.join h2{font-size:15px}#archive section.join:before{top:-10px;width:35px;height:38px}#archive section.join:after{bottom:-19px;width:8px;height:38px}#archive section.join .inner_920{margin:60px auto 0}#archive section.join .inner_920:before{top:-50px;left:-30px;width:120px;height:220px;margin-left:0}#archive section.join .inner_920:after{top:-50px;right:-40px;width:130px;height:201px;margin-right:0}#archive section.join .inner_920 .title_wrapper h1{font-size:27px}#archive section.join .inner_920 .title_wrapper p{font-size:15px}}