@charset "utf-8";#mainPanelArea{height:980px;padding:40px 5%;min-width:1240px;position:relative}#mainPanelArea:before{content:"";position:absolute;left:0;top:50%;width:100%;height:60px;transform:translateY(-50%);background:#199164;z-index:3}#mainPanelArea:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:122px;transform:translate(-50%,-50%);margin-top:17px;background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/top/text_japan.svg) no-repeat center;z-index:4;background-size:1160px auto}#mainPanelArea .sliderMainPanel ul.swiper-wrapper li.swiper-slide .image{overflow:hidden;border-radius:20px;position:relative}#mainPanelArea .sliderMainPanel ul.swiper-wrapper li.swiper-slide .image:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#222;opacity:.2;z-index:2;transition:.3s all}#mainPanelArea .sliderMainPanel ul.swiper-wrapper li.swiper-slide .image img{object-fit:cover;height:900px;width:100%;transition:.3s all}@keyframes zoomUp{0%{transform:scale(1)}100%{transform:scale(1.15)}}#mainPanelArea .sliderMainPanel ul.swiper-wrapper li.swiper-slide.swiper-slide-active img,#mainPanelArea .sliderMainPanel ul.swiper-wrapper li.swiper-slide.swiper-slide-duplicate-active img,#mainPanelArea .sliderMainPanel ul.swiper-wrapper li.swiper-slide.swiper-slide-prev img{animation:zoomUp 10s linear 0s normal both}#mainPanelArea .sliderMainPanel .swiper-pagination{bottom:20px}#mainPanelArea .sliderMainPanel .swiper-pagination .swiper-pagination-bullet{background:#fff}#mainPanelArea .sliderMainPanel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#199164}#mainPanelArea .content{position:absolute;left:calc( 5% + 100px);bottom:120px;z-index:3}#mainPanelArea .content .lead{color:#199164;font-size:2em;letter-spacing:.2em;line-height:2;font-weight:700}#mainPanelArea .content .button{margin-top:30px}#mainPanelArea .content .button a.md_btn_line{min-width:280px}#mainPanelArea .news{width:340px;position:absolute;right:5%;bottom:40px;padding:30px 30px 0;z-index:2;background:#fff;border-radius:40px 0 0}#mainPanelArea .news .article .roll{position:absolute;left:-35px;top:-35px;width:130px;height:auto;z-index:2;animation:rotateAnimation 15s infinite linear}@keyframes rotateAnimation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#mainPanelArea .news .article a{display:flex;align-items:center}#mainPanelArea .news .article a .image{margin-right:20px;width:100px;height:100px;border-radius:15px;overflow:hidden;position:relative}#mainPanelArea .news .article a .image:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.15;z-index:2;transition:.3s all}#mainPanelArea .news .article a .image img{object-fit:cover;width:100%;height:100%;transition:.3s all}#mainPanelArea .news .article a .data{flex:1}#mainPanelArea .news .article a .data .title{color:#199164;font-weight:700;line-height:1.5;font-size:1.125em;transition:.3s all;max-height:56px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#mainPanelArea .news .article a .data .date{margin-top:10px;padding-left:12px;font-size:.9125em;font-weight:700;position:relative}#mainPanelArea .news .article a .data .date:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:6px;height:6px;background:#199164;border-radius:6px}#mainPanelArea .news .article a:hover .data .title{color:#f90}#mainPanelArea .news .article a:hover .image:after{opacity:0}#mainPanelArea .news .article a:hover .image img{transform:scale(1.04)}#mainPanelArea .news .link{margin-top:22px}#mainPanelArea .news .link a{font-weight:700;position:relative;transition:.3s all}#mainPanelArea .news .link a:after{content:"";display:block;width:22px;height:22px;position:absolute;right:-28px;top:50%;transform:translateY(-50%);margin-top:-1px;background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/global/icon_arrow_black.svg) no-repeat center;background-size:20px auto;transition:.3s all}#mainPanelArea .news .link a:hover{color:#f90}#mainPanelArea .news .link a:hover:after{right:-30px}#tagArea{padding-bottom:36px;border-bottom:solid 1px #ddd}#tagArea .swiper.marquee-slider{width:100%}#tagArea .swiper.marquee-slider ul.swiper-wrapper{transition-timing-function:linear}#tagArea .swiper.marquee-slider ul.swiper-wrapper li.swiper-slide{width:auto}#tagArea .swiper.marquee-slider ul.swiper-wrapper li.swiper-slide a{display:inline-block;margin:10px 0;white-space:nowrap;font-size:1.3125em;font-weight:700;color:#199164;transition:.3s all}#tagArea .swiper.marquee-slider ul.swiper-wrapper li.swiper-slide a:hover{color:#f90}#tagArea .swiper.marquee-slider ul.swiper-wrapper li.swiper-slide span{display:inline-block;margin:10px 0;white-space:nowrap}#tagArea .swiper.marquee-slider ul.swiper-wrapper li:nth-child(3){padding-right:70px;background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/top/icon_tag01.png) no-repeat center right;background-size:50px auto}#tagArea .swiper.marquee-slider ul.swiper-wrapper li:nth-child(6){padding-right:70px;background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/top/icon_tag02.png) no-repeat center right;background-size:50px auto}#tagArea .swiper.marquee-slider ul.swiper-wrapper li:nth-child(9){padding-right:70px;background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/top/icon_tag03.png) no-repeat center right;background-size:50px auto}#tagArea .swiper.marquee-slider ul.swiper-wrapper li:nth-child(12){padding-right:70px;background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/top/icon_tag04.png) no-repeat center right;background-size:50px auto}#tagArea .swiper.marquee-slider ul.swiper-wrapper li:nth-child(15){padding-right:70px;background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/top/icon_tag01.png) no-repeat center right;background-size:50px auto}#tagArea .swiper.marquee-slider ul.swiper-wrapper li:nth-child(18){padding-right:70px;background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/top/icon_tag02.png) no-repeat center right;background-size:50px auto}#tagArea .swiper.marquee-slider ul.swiper-wrapper li:nth-child(21){padding-right:70px;background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/top/icon_tag03.png) no-repeat center right;background-size:50px auto}#tagArea .swiper.marquee-slider ul.swiper-wrapper li:nth-child(24){padding-right:70px;background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/top/icon_tag04.png) no-repeat center right;background-size:50px auto}#articlesArea{padding:70px 0;position:relative;height:740px;overflow:hidden}#articlesArea .bg{position:absolute;left:-10px;top:80px;font-size:10em;opacity:.1;color:#777;font-weight:700;letter-spacing:0}#articlesArea .titleArea{display:flex;align-items:flex-end}#articlesArea .titleArea .md_title{display:inline-block;margin-right:20px}#articlesArea .titleArea .md_title .titleEn{position:relative}#articlesArea .titleArea .md_title span{display:inline-block;position:absolute;left:400px;top:24px;background:#2ec091;color:#fff;font-weight:700;padding:6px 10px 5px;border-radius:20px;font-size:.875em}#articlesArea .titleArea .lead{flex:1;padding:0 220px 0 40px;line-height:1.5;font-size:1.2em;font-weight:700}#articlesArea .list{position:absolute;top:130px;left:40px;width:2000px}#articlesArea .list ul li{width:360px}#articlesArea .list ul li:after{content:"";position:absolute;right:-35px;top:0;width:1px;height:100%;background:#ddd}#articlesArea .list ul li a .image{border-radius:20px;overflow:hidden;position:relative;aspect-ratio:4/3}#articlesArea .list ul li a .image:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.15;z-index:2;transition:.3s all}#articlesArea .list ul li a .image img{object-fit:cover;width:100%;height:100%;transition:.3s all}#articlesArea .list ul li a .data{margin-top:30px;position:relative}#articlesArea .list ul li a .data .date{padding-left:12px;font-size:.9125em;font-weight:700;position:relative}#articlesArea .list ul li a .data .date:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:6px;height:6px;background:#199164;border-radius:6px}#articlesArea .list ul li a .data .category{position:absolute;right:0;top:0;color:#199164;font-weight:700}#articlesArea .list ul li a .data .title{margin-top:20px;line-height:1.5;font-size:1.125em;font-weight:700;max-height:82px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;transition:.3s all}#articlesArea .list ul li a .data .tag{margin-top:10px;line-height:1.5}#articlesArea .list ul li a .data .tag span{display:inline-block;margin-right:10px;color:#bbb;font-size:.875em;font-weight:700}#articlesArea .list ul li a:hover .data .title{color:#f90}#articlesArea .list ul li a:hover .image:after{opacity:0}#articlesArea .list ul li a:hover .image img{transform:scale(1.05)}#articlesArea .button{position:absolute;right:40px;top:50px}#spotlightArea{background:#f0f0f0;padding:70px 0;position:relative;overflow:hidden;display:none}#spotlightArea .bg{position:absolute;left:-10px;top:80px;font-size:10em;opacity:.1;color:#777;font-weight:700;letter-spacing:0}#spotlightArea .titleArea{display:flex;align-items:flex-end;width:100%}#spotlightArea .titleArea .md_title{display:inline-block;margin-right:20px}#spotlightArea .titleArea .lead{flex:1;padding:0 220px 0 40px;line-height:1.5;font-size:1.2em;font-weight:700}#spotlightArea .content{margin-top:40px}#spotlightArea .content .leftArea{float:left;width:64%;padding-right:4%;border-right:solid 1px #ddd}#spotlightArea .content .leftArea .mainLink a{display:block;position:relative}#spotlightArea .content .leftArea .mainLink a .image{border-radius:100px 20px 20px;overflow:hidden;position:relative;aspect-ratio:5/2}#spotlightArea .content .leftArea .mainLink a .image:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.15;z-index:2;transition:.3s all}#spotlightArea .content .leftArea .mainLink a .image img{object-fit:cover;width:100%;height:100%;transition:.3s all}#spotlightArea .content .leftArea .mainLink a .pick{position:absolute;left:0;top:20px;display:inline-block;background:#2ec091;color:#fff;padding:6px 10px 5px;border-radius:20px;font-size:.875em;white-space:nowrap;z-index:2}#spotlightArea .content .leftArea .mainLink a .title{margin-top:20px;font-size:1.35em;color:#119360;font-weight:700;line-height:1.5;transition:.3s all}#spotlightArea .content .leftArea .mainLink a:hover .title{color:#f90}#spotlightArea .content .leftArea .mainLink a:hover .image:after{opacity:0}#spotlightArea .content .leftArea .mainLink a:hover .image img{transform:scale(1.05)}#spotlightArea .content .leftArea .subLink{margin-top:15px}#spotlightArea .content .leftArea .subLink ul{border-top:dotted 1px #ccc}#spotlightArea .content .leftArea .subLink ul li{border-bottom:dotted 1px #ccc}#spotlightArea .content .leftArea .subLink ul li a{display:block;padding:14px 50px 13px 14px;line-height:1.5;position:relative}#spotlightArea .content .leftArea .subLink ul li a:before{content:"";display:block;width:30px;height:30px;position:absolute;right:10px;top:50%;transform:translateY(-50%);background:url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/global/icon_arrow_black.svg) no-repeat center;background-size:18px auto;transition:.3s all}#spotlightArea .content .leftArea .subLink ul li a .title{font-size:1.125em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;transition:.3s all}#spotlightArea .content .leftArea .subLink ul li a .title em{margin-right:10px;color:#119360;transition:.3s all}#spotlightArea .content .leftArea .subLink ul li a:hover .title{color:#f90}#spotlightArea .content .leftArea .subLink ul li a:hover:before{right:5px}#spotlightArea .content .leftArea .subLink ul li a:hover .title em{color:#f90}#spotlightArea .content .rightArea{float:right;width:32%}#spotlightArea .content .rightArea .mainLink:first-child{margin-top:0}#spotlightArea .content .rightArea .mainLink{margin-top:40px}#spotlightArea .content .rightArea .mainLink a .image{border-radius:50px 10px 10px;overflow:hidden;position:relative;aspect-ratio:5/2}#spotlightArea .content .rightArea .mainLink a .image:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.15;z-index:2;transition:.3s all}#spotlightArea .content .rightArea .mainLink a .image img{object-fit:cover;width:100%;height:100%;transition:.3s all}#spotlightArea .content .rightArea .mainLink a .title{margin-top:15px;font-size:1.125em;color:#119360;font-weight:700;line-height:1.5;transition:.3s all}#spotlightArea .content .rightArea .mainLink a:hover .title{color:#f90}#spotlightArea .content .rightArea .mainLink a:hover .image:after{opacity:0}#spotlightArea .content .rightArea .mainLink a:hover .image img{transform:scale(1.05)}#spotlightArea .button{position:absolute;right:40px;top:50px}#categoryArea{padding-top:70px;background:linear-gradient(180deg,#12935f,#108a78);position:relative}#categoryArea .bg{position:absolute;left:-10px;top:5px;font-size:10em;opacity:.1;color:#fff;font-weight:700;line-height:.8;letter-spacing:0}#categoryArea .bg span{margin-left:3em}#categoryArea .title .md_title .titleJa{color:#fff}#categoryArea .title .md_title .titleEn{color:#fff}#categoryArea .content{margin-top:40px}#categoryArea .content ul{width:100%}#categoryArea .content ul li{float:left;width:23%;margin-right:2.666666%}#categoryArea .content ul li:nth-child(4n){margin-right:0}#categoryArea .content ul li a{display:block;background:#fff;border-radius:12% 12% 0 0;padding:16% 0}#categoryArea .content ul li a .image{width:200px;height:200px;border-radius:200px;text-align:center;line-height:200px;margin:0 auto;transition:.3s all}#categoryArea .content ul li a .image img{width:100%;height:auto;transition:.3s all}#categoryArea .content ul li a .title{margin-top:30px;text-align:center;color:#199164;font-weight:700}#categoryArea .content ul li a .title span{display:inline-block;line-height:1;padding-right:50px;font-size:1.325em;position:relative;transition:.3s all}#categoryArea .content ul li a .title span:before{content:"";display:block;width:40px;height:40px;position:absolute;right:0;top:50%;transform:translateY(-50%);margin-top:-2px;background:#199164 url(//regenerative-city.jp/media_regene/sys/wp-content/themes/tatemono-regene/assets/common/css/../../imageFile/global/icon_arrow_white.svg) no-repeat center;background-size:15px auto;border-radius:40px;transition:.3s all}#categoryArea .content ul li a:hover .title span{color:#f90}#categoryArea .content ul li a:hover .title span:before{background-color:#f90;right:-3px}#categoryArea .content ul li a:hover .image{background:#fafafa}#categoryArea .content ul li a:hover .image img{transform:scale(1.05)}#categoryArea .button{position:absolute;right:40px;top:50px}#categoryArea .button .md_btn_sub{color:#fff}#categoryArea .button .md_btn_sub span{border-bottom:solid 3px #fff}#categoryArea .button .md_btn_sub:hover span{color:#fff;border-bottom:solid 3px #fff}