.page-works #header{background-image:url(../images/header_works.jpg)}.page-works #contents{overflow:hidden}#contents #works-abstract-overview{display:flex;align-items:center;margin-top:20px}#contents #works-abstract-overview figure{width:240px;flex-basis:auto;margin-left:40px}#contents #works-abstract-overview-text{width:100%;flex-shrink:9999}#contents #works-abstract-overview-text p:nth-child(n+2){margin-top:20px}@media screen and (max-width: 768px){#contents #works-abstract-overview figure{width:200px}}@media screen and (max-width: 480px){#contents #works-abstract-overview{display:block}#contents #works-abstract-overview figure{width:240px;margin:40px auto 0}}#contents #works-cycle{margin-top:80px}@media screen and (max-width: 768px){#contents #works-cycle{margin-top:60px}}#contents #works-cycle-fig{max-width:860px;margin:40px auto 60px}@media screen and (max-width: 768px){#contents #works-cycle-fig{margin:40px auto}}#contents #works-cycle-flow{display:flex;flex-wrap:wrap;justify-content:space-between}#contents #works-cycle-flow .box{width:47.5%;display:flex;align-items:center}#contents #works-cycle-flow .box:nth-child(n+3){margin-top:60px}#contents #works-cycle-flow .box-fig{width:280px;flex-basis:auto;margin-right:20px;border-top:5px solid #399;position:relative}#contents #works-cycle-flow .box-fig h4{position:absolute;top:0;left:0;font-size:1.125rem;padding:0 20px 5px;line-height:28px;background:#399;color:#fff}#contents #works-cycle-flow .box-fig h4 rt{font-size:.5625rem}#contents #works-cycle-flow .box-fig h4::after{content:"";position:absolute;right:2px;bottom:2px;width:15px;aspect-ratio:1;clip-path:polygon(0 100%, 100% 0, 100% 100%);background:#f18d00}@media screen and (max-width: 768px){#contents #works-cycle-flow .box-fig h4{font-size:1rem;line-height:24px}}#contents #works-cycle-flow .box-fig figure{overflow:hidden;border-bottom-right-radius:20px;border-bottom-left-radius:20px}#contents #works-cycle-flow .box-text{width:100%;flex-shrink:9999}#contents #works-cycle-flow .trivia{width:100%;margin-top:60px}@media screen and (max-width: 1024px){#contents #works-cycle-flow{display:block}#contents #works-cycle-flow .box{width:auto}#contents #works-cycle-flow .box:nth-child(n+2){margin-top:40px}#contents #works-cycle-flow .box-fig{width:320px}#contents #works-cycle-flow .trivia{width:auto;margin-top:40px}}@media screen and (max-width: 768px){#contents #works-cycle-flow .box-fig{width:280px}}@media screen and (max-width: 480px){#contents #works-cycle-flow .box{display:block}#contents #works-cycle-flow .box-fig{width:auto;margin-right:0;margin-bottom:20px}}#contents #works-bt{text-align:center;margin-top:60px}#contents #works-bt a{font-size:1.375rem;font-weight:bold;line-height:100px;position:relative;display:inline-block;padding:0 60px;text-decoration:none;color:#fff;border-radius:60% 80px / 100px 120%;background:#00913a;letter-spacing:2px}#contents #works-bt a span{display:flex;justify-content:center;align-items:center;position:relative}#contents #works-bt a .fa-angle-right{display:block;font-size:1.125rem;text-align:center;margin-left:20px;width:32px;line-height:32px;transition:all 0.4s ease;border-radius:20px;background:transparent}#contents #works-bt a br{display:none}#contents #works-bt a:hover{border-radius:100% 20px / 20px 100%;background:#c30}#contents #works-bt a:hover .fa-angle-right{color:#c30;background:#fff}@media screen and (max-width: 768px){#contents #works-bt a{font-size:1.125rem;line-height:1.4;padding:20px 40px}#contents #works-bt a .fa-angle-right{font-size:.875rem;margin-left:5px;width:28px;line-height:28px}}@media screen and (max-width: 480px){#contents #works-bt a br{display:block}}