@charset "utf-8";#spotlightArea{margin-top:100px;position:relative}#spotlightArea .pickContent .mainLink a{position:relative;display:block}#spotlightArea .pickContent .mainLink a .image{border-radius:100px 20px 20px;overflow:hidden;position:relative;aspect-ratio:5/2}#spotlightArea .pickContent .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 .pickContent .mainLink a .image img{object-fit:cover;width:100%;height:100%;transition:.3s all}#spotlightArea .pickContent .mainLink a .pick{position:absolute;left:0;top:20px;display:inline-block;background:#2ec091;color:#fff;padding:8px 16px 7px;border-radius:20px;font-size:1em;z-index:2}#spotlightArea .pickContent .mainLink a .date{margin-top:20px;padding-left:12px;font-size:.9125em;font-weight:700;position:relative}#spotlightArea .pickContent .mainLink a .date:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:6px;height:6px;background:#199164;border-radius:6px}#spotlightArea .pickContent .mainLink a .title{margin-top:15px;font-size:1.35em;color:#119360;font-weight:700;line-height:1.5;transition:.3s all}#spotlightArea .pickContent .mainLink a .catch{margin-top:20px;padding-top:20px;border-top:dotted 1px #ccc;line-height:1.75;max-height:105px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;transition:.3s all}#spotlightArea .pickContent .mainLink a:hover .title{color:#f90}#spotlightArea .pickContent .mainLink a:hover .image:after{opacity:0}#spotlightArea .pickContent .mainLink a:hover .image img{transform:scale(1.05)}#spotlightArea .pickContent .subLink{margin-top:15px}#spotlightArea .pickContent .subLink ul{border-top:dotted 1px #ccc}#spotlightArea .pickContent .subLink ul li{border-bottom:dotted 1px #ccc}#spotlightArea .pickContent .subLink ul li a{display:block;padding:14px 50px 13px 14px;line-height:1.5;position:relative}#spotlightArea .pickContent .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 .pickContent .subLink ul li a .title{font-size:1.125em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;transition:.3s all}#spotlightArea .pickContent .subLink ul li a .title em{margin-right:10px;color:#119360;transition:.3s all}#spotlightArea .pickContent .subLink ul li a:hover .title{color:#f90}#spotlightArea .pickContent .subLink ul li a:hover:before{right:5px}#spotlightArea .pickContent .subLink ul li a:hover .title em{color:#f90}#spotlightArea .content ul li{float:left;width:48%;margin-right:4%;margin-top:80px}#spotlightArea .content ul li:nth-child(2n){margin-right:0}#spotlightArea .content ul li .mainLink:first-child{margin-top:0}#spotlightArea .content ul li .mainLink{margin-top:40px}#spotlightArea .content ul li .mainLink a .image{border-radius:50px 10px 10px;overflow:hidden;position:relative;aspect-ratio:5/2}#spotlightArea .content ul li .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 ul li .mainLink a .image img{object-fit:cover;width:100%;height:100%;transition:.3s all}#spotlightArea .content ul li .mainLink a .date{margin-top:20px;padding-left:12px;font-size:.9125em;font-weight:700;position:relative}#spotlightArea .content ul li .mainLink a .date:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:6px;height:6px;background:#199164;border-radius:6px}#spotlightArea .content ul li .mainLink a .title{margin-top:15px;font-size:1.125em;color:#119360;font-weight:700;line-height:1.5;transition:.3s all}#spotlightArea .content ul li .mainLink a .catch{margin-top:20px;padding-top:20px;border-top:dotted 1px #ccc;line-height:1.75;max-height:105px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;transition:.3s all}#spotlightArea .content ul li .mainLink a:hover .title{color:#f90}#spotlightArea .content ul li .mainLink a:hover .image:after{opacity:0}#spotlightArea .content ul li .mainLink a:hover .image img{transform:scale(1.05)}#spotlightCoverArea{margin-top:-340px;padding:40px 2%;min-width:1240px;position:relative}#spotlightCoverArea .articleContent .mainImage{border-radius:40px;overflow:hidden;position:relative;aspect-ratio:5/2}#spotlightCoverArea .articleContent .mainImage img{object-fit:cover;width:100%;height:100%}#spotlightCoverArea .articleContent .content{width:1040px;margin:-50px auto 0;border-radius:40px;background:linear-gradient(180deg,#a3d3c1,#99bff7);padding:18px;position:relative;box-shadow:0 10px 20px 0 rgba(0,0,0,.075)}#spotlightCoverArea .articleContent .content .pad{background:#fff;border-radius:25px;padding:80px 100px}#spotlightCoverArea .articleContent .content .pad .summary{position:relative;padding-top:50px}#spotlightCoverArea .articleContent .content .pad .summary .date{position:absolute;top:0;left:50%;transform:translateX(-50%);padding-left:15px;font-size:1.25em;font-weight:700}#spotlightCoverArea .articleContent .content .pad .summary .date:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:7px;height:7px;background:#199164;border-radius:6px}#spotlightCoverArea .articleContent .content .pad .summary .title{font-size:2.5em;color:#119360;font-weight:700;line-height:1.5;text-align:center;transition:.3s all}#spotlightCoverArea .articleContent .content .pad .summary .catch{margin-top:40px;font-size:1.125em;font-weight:700;line-height:1.75}#spotlightCoverArea .articleContent .content .pad .list{margin-top:50px}#spotlightCoverArea .articleContent .content .pad .list ul{border-top:dotted 1px #ccc}#spotlightCoverArea .articleContent .content .pad .list ul li{border-bottom:dotted 1px #ccc;padding:30px 0}#spotlightCoverArea .articleContent .content .pad .list ul li a{display:flex;align-items:center}#spotlightCoverArea .articleContent .content .pad .list ul li a .image{width:240px;margin-right:30px;border-radius:15px;overflow:hidden;position:relative;aspect-ratio:4/3}#spotlightCoverArea .articleContent .content .pad .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}#spotlightCoverArea .articleContent .content .pad .list ul li a .image img{object-fit:cover;width:100%;height:100%;transition:.3s all}#spotlightCoverArea .articleContent .content .pad .list ul li a .data{flex:1;position:relative}#spotlightCoverArea .articleContent .content .pad .list ul li a .data .date{padding-left:12px;font-size:.9125em;font-weight:700;position:relative}#spotlightCoverArea .articleContent .content .pad .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}#spotlightCoverArea .articleContent .content .pad .list ul li a .data .vol{margin-top:15px;color:#199164;font-weight:700;font-size:1.375em;transition:.3s all}#spotlightCoverArea .articleContent .content .pad .list ul li a .data .title{margin-top:5px;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}#spotlightCoverArea .articleContent .content .pad .list ul li a .data .tag{margin-top:10px;padding-right:200px;line-height:1.5}#spotlightCoverArea .articleContent .content .pad .list ul li a .data .tag span{display:inline-block;margin-right:10px;color:#bbb;font-size:.875em;font-weight:700}#spotlightCoverArea .articleContent .content .pad .list ul li a .data .button{position:absolute;right:0;bottom:0}#spotlightCoverArea .articleContent .content .pad .list ul li a:hover .data .title{color:#f90}#spotlightCoverArea .articleContent .content .pad .list ul li a:hover .data .vol{color:#f90}#spotlightCoverArea .articleContent .content .pad .list ul li a:hover .image:after{opacity:0}#spotlightCoverArea .articleContent .content .pad .list ul li a:hover .image img{transform:scale(1.05)}#spotlightCoverArea .articleContent .content .pad .list ul li a:hover .data .button .md_btn_article{color:#f90;border:solid 1px #ddd}#spotlightCoverArea .articleContent .content .pad .list ul li a:hover .data .button .md_btn_article:before{background-color:#f90}