#top #hero{opacity:0;transition-duration:0.7s;transition-delay:0;transition-timing-function:ease-in-out;position:relative}#top #hero.is-on{opacity:1}#top #hero .scroll-visual{display:flex;width:100vw;height:660px;overflow:hidden}@media screen and (max-width: 959px){#top #hero .scroll-visual{height:330px}}#top #hero .scroll-visual img{width:auto;height:100%}#top #hero .scroll-visual img:first-child{animation:slide1 150s -75s linear infinite}#top #hero .scroll-visual img:last-child{animation:slide2 150s linear infinite}@keyframes slide1{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes slide2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}#top #hero .catchcopy{position:absolute;width:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);text-align:center;font-size:4.4rem;font-weight:500;letter-spacing:.6rem;line-height:1.8;color:#fff}@media screen and (max-width: 959px){#top #hero .catchcopy{font-size:3rem}}@media screen and (max-width: 559px){#top #hero .catchcopy{font-size:2.3rem;font-weight:500;letter-spacing:.3rem;line-height:1.5}}@media screen and (max-width: 374px){#top #hero .catchcopy{font-size:2rem;font-weight:500;letter-spacing:.3rem;line-height:1.5}}#top #lead{opacity:0;transform:translateY(10px);transition-duration:0.7s;transition-delay:0;transition-timing-function:ease-in-out;background:url(../img/bg-sand.png);background-size:cover;width:100%;padding:11rem 0}#top #lead.is-on{opacity:1;transform:translateY(0)}@media screen and (max-width: 559px){#top #lead{padding:4rem 0}}#top #lead .wrap{padding:0 3%;max-width:calc(640px + 6%);margin:0 auto}@media screen and (max-width: 959px){#top #lead .wrap{padding:0 1rem}}#top #lead .wrap h2{text-align:center;font-size:2.4rem;font-weight:600;letter-spacing:.5rem;line-height:1.8}@media screen and (max-width: 559px){#top #lead .wrap h2{font-size:2rem;font-weight:600;letter-spacing:.3rem;line-height:1.6}}@media screen and (max-width: 414px){#top #lead .wrap h2 br{display:none}}#top #lead .wrap .txt{text-align:center;font-size:1.5rem;font-weight:500;letter-spacing:.4rem;line-height:2;color:#877d78;margin:7.5rem 0 9rem}@media screen and (max-width: 559px){#top #lead .wrap .txt{font-size:1.5rem;font-weight:500;letter-spacing:.2rem;line-height:1.6;margin:3rem 0 3rem}}@media screen and (max-width: 414px){#top #lead .wrap .txt{text-align:left}}#top #lead .wrap .txt p:not(:last-child){margin-bottom:4rem}@media screen and (max-width: 559px){#top #lead .wrap .txt p:not(:last-child){margin-bottom:1.5rem}}@media screen and (max-width: 414px){#top #lead .wrap .txt p br{display:none}}#top #lead .wrap .btn a{font-size:1.5rem;font-weight:500;letter-spacing:.4rem;line-height:2;color:#877d78;width:370px;height:39px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:1px solid #877d78;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width: 559px){#top #lead .wrap .btn a{font-size:1.4rem;font-weight:500;letter-spacing:.3rem;line-height:2;width:100%}}#top #lead .wrap .btn a:before{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #877d78;display:block;margin-right:1.8rem;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width: 559px){#top #lead .wrap .btn a:before{margin-right:1rem}}#top #lead .wrap .btn a:hover{background:#877d78;color:#fff}#top #lead .wrap .btn a:hover:before{border-color:transparent transparent transparent #fff}#top #about{opacity:0;transform:translateY(10px);transition-duration:0.7s;transition-delay:0;transition-timing-function:ease-in-out;background:url(../img/bg-about.jpg);background-size:cover;background-position:center center;width:100%;padding:5rem 0;position:relative}#top #about.is-on{opacity:1;transform:translateY(0)}@media screen and (max-width: 959px){#top #about{background:none}}@media screen and (max-width: 559px){#top #about{padding:3.5rem 0}}#top #about .sec-ttl{color:#fff;position:absolute;top:12rem;left:25rem}@media screen and (max-width: 1119px){#top #about .sec-ttl{left:21vw}}@media screen and (max-width: 959px){#top #about .sec-ttl{position:static;color:#7d88c6;margin-bottom:8rem}}@media screen and (max-width: 768px){#top #about .sec-ttl{margin-bottom:5rem}}@media screen and (max-width: 559px){#top #about .sec-ttl{margin-bottom:3rem}}#top #about .pict{display:none}@media screen and (max-width: 959px){#top #about .pict{display:block;padding:0 1rem}}#top #about .wrap{width:100%;max-width:calc(450px + 3%);margin-left:auto;padding-right:3%}@media screen and (max-width: 959px){#top #about .wrap{max-width:100%;padding:0 1rem}}#top #about .wrap .wrap-in{background:rgba(255,255,255,0.8);padding:6rem 5rem 5rem}@media screen and (max-width: 959px){#top #about .wrap .wrap-in{padding:2rem 0 0}}#top #about .wrap h3{color:#7d88c6;font-size:2.4rem;font-weight:500;letter-spacing:.4rem;line-height:2;text-align:right}@media screen and (max-width: 959px){#top #about .wrap h3{text-align:left}#top #about .wrap h3 br{display:none}}@media screen and (max-width: 767px){#top #about .wrap h3{font-size:2rem;font-weight:500;letter-spacing:.2rem;line-height:1.5}}#top #about .wrap .txt{margin-top:6rem}@media screen and (max-width: 959px){#top #about .wrap .txt{margin-top:3rem}}@media screen and (max-width: 767px){#top #about .wrap .txt{margin-top:2rem}}#top #about .wrap .txt p{font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:2;color:#4d4d4d}#top #about .wrap .txt p:not(:last-child){margin-bottom:3rem}@media screen and (max-width: 959px){#top #about .wrap .txt p:not(:last-child){margin-bottom:1rem}}@media screen and (max-width: 959px){#top #about .wrap .txt p br{display:none}}@media screen and (max-width: 767px){#top #about .wrap .txt p{font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:1.7}}#top #story{opacity:0;transform:translateY(10px);transition-duration:0.7s;transition-delay:0;transition-timing-function:ease-in-out;background:url(../img/bg-paper.jpg);background-size:1200px 1683px;width:100%;padding:11rem 0 17rem;position:relative}#top #story.is-on{opacity:1;transform:translateY(0)}@media screen and (max-width: 768px){#top #story{padding:6rem 0 12rem}}@media screen and (max-width: 559px){#top #story{padding:4rem 0 7.5rem}}#top #story .sec-ttl{margin-bottom:11rem}@media screen and (max-width: 768px){#top #story .sec-ttl{margin-bottom:7rem}}@media screen and (max-width: 559px){#top #story .sec-ttl{margin-bottom:3rem}}#top #story #history li{opacity:0;transform:translateY(10px);transition-duration:0.7s;transition-delay:0;transition-timing-function:ease-in-out}#top #story #history li.is-on{opacity:1;transform:translateY(0)}#top #story #history li:not(:last-child){margin-bottom:14rem}@media screen and (max-width: 959px){#top #story #history li:not(:last-child){margin-bottom:7rem}}@media screen and (max-width: 559px){#top #story #history li:not(:last-child){margin-bottom:3rem}}#top #story #history li:nth-of-type(odd){padding-right:3%}@media screen and (max-width: 959px){#top #story #history li:nth-of-type(odd){padding:0 1rem}}#top #story #history li:nth-of-type(odd) section .wrap .holder{margin-left:4.3vw;order:2}@media screen and (max-width: 959px){#top #story #history li:nth-of-type(odd) section .wrap .holder{margin:0 auto}}#top #story #history li:nth-of-type(odd) section .wrap .images{order:1}#top #story #history li:nth-of-type(even){padding-left:3%}@media screen and (max-width: 959px){#top #story #history li:nth-of-type(even){padding:0 1rem}}#top #story #history li:nth-of-type(even) section .wrap .holder{margin-right:4.3vw}@media screen and (max-width: 959px){#top #story #history li:nth-of-type(even) section .wrap .holder{margin:0 auto;order:2}}@media screen and (max-width: 959px){#top #story #history li:nth-of-type(even) section .wrap .images{order:1}}#top #story #history li section#year2005 .wrap .images{flex:1;max-height:100%}#top #story #history li section#year2005 .wrap .images .swiper-button-next,#top #story #history li section#year2005 .wrap .images .swiper-button-prev{top:21vw}@media screen and (max-width: 959px){#top #story #history li section#year2005 .wrap .images .swiper-button-next,#top #story #history li section#year2005 .wrap .images .swiper-button-prev{top:35vw}}#top #story #history li section#year2005 .wrap .swiper-pagination{left:25vw;margin:4rem 0 0}#top #story #history li section#year2005 .wrap .swiper-pagination .swiper-pagination-bullet-active{background:#877d78}#top #story #history li section#year2005 .wrap .holder{background:#fff;color:#666;max-height:100%}#top #story #history li section#year2017 .wrap .swiper-pagination{right:20vw;margin:4rem 0 0}#top #story #history li section#year2017 .wrap .swiper-pagination .swiper-pagination-bullet-active{background:#a39d93}#top #story #history li section#year2017 .wrap .holder{background:#a39d93}#top #story #history li section#year2017 .wrap .holder .btn a:hover{color:#a39d93}#top #story #history li section#year2017 .wrap .holder .btn a:hover:before{border-color:transparent transparent transparent #a39d93}#top #story #history li section#year2018 .wrap .swiper-pagination{left:21.5vw;margin:4rem 0 0}#top #story #history li section#year2018 .wrap .swiper-pagination .swiper-pagination-bullet-active{background:#b7b59c}#top #story #history li section#year2018 .wrap .holder{background:#b7b59c}#top #story #history li section#year2018 .wrap .holder .btn a:hover{color:#b7b59c}#top #story #history li section#year2018 .wrap .holder .btn a:hover:before{border-color:transparent transparent transparent #b7b59c}#top #story #history li section#year2019 .wrap .swiper-pagination{right:20vw;margin:4rem 0 0}#top #story #history li section#year2019 .wrap .swiper-pagination .swiper-pagination-bullet-active{background:#abcbce}#top #story #history li section#year2019 .wrap .holder{background:#abcbce}#top #story #history li section#year2019 .wrap .holder .btn a:hover{color:#abcbce}#top #story #history li section#year2019 .wrap .holder .btn a:hover:before{border-color:transparent transparent transparent #abcbce}#top #story #history li section#year2020 .wrap .swiper-pagination{left:21.5vw;margin:4rem 0 0}#top #story #history li section#year2020 .wrap .swiper-pagination .swiper-pagination-bullet-active{background:#9bbbd3}#top #story #history li section#year2020 .wrap .holder{background:#9bbbd3}#top #story #history li section#year2020 .wrap .holder .btn a:hover{color:#9bbbd3}#top #story #history li section#year2020 .wrap .holder .btn a:hover:before{border-color:transparent transparent transparent #9bbbd3}#top #story #history li section#year2021 .wrap .swiper-pagination{right:20vw;margin:4rem 0 0}#top #story #history li section#year2021 .wrap .swiper-pagination .swiper-pagination-bullet-active{background:#abb1ce}#top #story #history li section#year2021 .wrap .holder{background:#abb1ce}#top #story #history li section#year2021 .wrap .holder .btn a:hover{color:#abb1ce}#top #story #history li section#year2021 .wrap .holder .btn a:hover:before{border-color:transparent transparent transparent #abb1ce}#top #story #history li section .wrap{display:flex;position:relative}@media screen and (max-width: 959px){#top #story #history li section .wrap{flex-direction:column}}#top #story #history li section .wrap .holder{max-height:400px;color:#fff;padding:4rem;width:38vw;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 959px){#top #story #history li section .wrap .holder{max-height:100%;padding:2rem 2rem 3rem;width:100%}}#top #story #history li section .wrap .holder h3{font-size:4.2rem;font-weight:200;letter-spacing:.8rem;line-height:1.6;font-family:"Outfit",sans-serif;margin-bottom:1rem}@media screen and (max-width: 959px){#top #story #history li section .wrap .holder h3{font-size:3.2rem;font-weight:200;letter-spacing:.6rem;line-height:1;margin-bottom:1.5rem}}@media screen and (max-width: 559px){#top #story #history li section .wrap .holder h3{font-size:2.4rem}}#top #story #history li section .wrap .holder .txt{font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:2}@media screen and (max-width: 559px){#top #story #history li section .wrap .holder .txt{line-height:1.8}}#top #story #history li section .wrap .holder .btn{margin-top:5rem}@media screen and (max-width: 559px){#top #story #history li section .wrap .holder .btn{margin-top:3rem}}#top #story #history li section .wrap .holder .btn a{font-size:1.5rem;font-weight:500;letter-spacing:.4rem;line-height:2;color:#fff;width:100%;height:39px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:1px solid #fff;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width: 559px){#top #story #history li section .wrap .holder .btn a{font-size:1.4rem;font-weight:500;letter-spacing:.3rem;line-height:2}}#top #story #history li section .wrap .holder .btn a:before{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff;display:block;margin-right:1.8rem;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width: 559px){#top #story #history li section .wrap .holder .btn a:before{margin-right:1rem}}#top #story #history li section .wrap .holder .btn a:hover{background:#fff}#top #story #history li section .wrap .images{flex:1;max-height:400px;overflow:hidden}@media screen and (max-width: 959px){#top #story #history li section .wrap .images{max-height:100%}}#top #story #history li section .wrap .images .swiper-custom-parent{position:relative}#top #story #history li section .wrap .images .swiper-slide{position:relative}#top #story #history li section .wrap .images .swiper-slide p{position:absolute;width:100%;bottom:0;left:0;background:rgba(53,46,38,0.65);display:block;padding:2rem;color:#fff;font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:1.7}@media screen and (max-width: 559px){#top #story #history li section .wrap .images .swiper-slide p{padding:.5rem 1rem;font-size:1.1rem;font-weight:400;letter-spacing:0;line-height:1.3}}#top #story #history li section .wrap .images .swiper-slide.swiper-slide-active{opacity:1}#top #story #history li section .wrap .images .swiper-custom-parent1{position:relative}#top #story #history li section .wrap .images .swiper-button-prev:after,#top #story #history li section .wrap .images .swiper-container-rtl .swiper-button-next:after,#top #story #history li section .wrap .images .swiper-button-next:after,#top #story #history li section .wrap .images .swiper-container-rtl .swiper-button-prev:after{display:none}#top #story #history li section .wrap .images .swiper-button-next,#top #story #history li section .wrap .images .swiper-button-prev{position:absolute;top:215px;z-index:10}@media screen and (max-width: 959px){#top #story #history li section .wrap .images .swiper-button-next,#top #story #history li section .wrap .images .swiper-button-prev{top:35vw}}#top #story #history li section .wrap .images .swiper-button-next.swiper-button-disabled,#top #story #history li section .wrap .images .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}#top #story #history li section .wrap .images .swiper-button-prev{border-bottom:solid 2px #fff;border-left:solid 2px #fff;width:20px;height:20px;border-radius:0 0 0 0;transform:rotate(45deg);filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5))}#top #story #history li section .wrap .images .swiper-button-next{border-top:solid 2px #fff;border-right:solid 2px #fff;width:20px;height:20px;border-radius:0 0 0 0;transform:rotate(45deg);filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5))}#top #story #history li section .wrap .images .swiper-button-prev,#top #story #history li section .wrap .images .swiper-container-rtl .swiper-button-next{left:20px;right:auto}@media screen and (max-width: 959px){#top #story #history li section .wrap .images .swiper-button-prev,#top #story #history li section .wrap .images .swiper-container-rtl .swiper-button-next{left:20px}}@media screen and (max-width: 559px){#top #story #history li section .wrap .images .swiper-button-prev,#top #story #history li section .wrap .images .swiper-container-rtl .swiper-button-next{left:10px}}#top #story #history li section .wrap .images .swiper-button-next,#top #story #history li section .wrap .images .swiper-container-rtl .swiper-button-prev{right:20px;left:auto}@media screen and (max-width: 959px){#top #story #history li section .wrap .images .swiper-button-next,#top #story #history li section .wrap .images .swiper-container-rtl .swiper-button-prev{right:20px}}@media screen and (max-width: 559px){#top #story #history li section .wrap .images .swiper-button-next,#top #story #history li section .wrap .images .swiper-container-rtl .swiper-button-prev{right:10px}}#top #story #history li section .wrap .swiper-pagination{bottom:-54px}@media screen and (max-width: 959px){#top #story #history li section .wrap .swiper-pagination{display:none}}#top #story #history li section .wrap .swiper-pagination .swiper-pagination-bullet{margin:0 1.1rem;background:#d7d7d7;opacity:1}#top #story #history li section .wrap .swiper-pagination .swiper-pagination-bullet-active{position:relative;top:3px;width:15px;height:15px;opacity:1}#top #story #load{opacity:0;transform:translateY(10px);transition-duration:0.7s;transition-delay:0;transition-timing-function:ease-in-out;margin-top:15rem}#top #story #load.is-on{opacity:1;transform:translateY(0)}@media screen and (max-width: 959px){#top #story #load{margin-top:7rem}}@media screen and (max-width: 559px){#top #story #load{margin-top:3.5rem}}#top #story #load .wrap{padding:0 3%;max-width:calc(1110px + 6%);margin:0 auto}@media screen and (max-width: 959px){#top #story #load .wrap{padding:0 1rem}}#top #story #load h3{font-size:3.2rem;font-weight:400;letter-spacing:.2rem;line-height:1.6}@media screen and (max-width: 559px){#top #story #load h3{font-size:2.2rem;font-weight:400;letter-spacing:.2rem;line-height:1.6}#top #story #load h3 br{display:none}}#top #story #load p.sub{font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:2.3;margin:5rem 0 4rem}@media screen and (max-width: 768px){#top #story #load p.sub{margin:2.5rem 0 3rem}}@media screen and (max-width: 559px){#top #story #load p.sub{margin:2rem 0 2.5rem}}#top #story #load #sdgs{display:flex;margin-bottom:5rem}@media screen and (max-width: 559px){#top #story #load #sdgs{flex-wrap:wrap;margin-bottom:2rem}}#top #story #load #sdgs li{width:75px}@media screen and (max-width: 559px){#top #story #load #sdgs li{width:32%;margin-bottom:2vw}}#top #story #load #sdgs li:not(:last-child){margin-right:2.5rem}@media screen and (max-width: 767px){#top #story #load #sdgs li:not(:last-child){margin-right:1.5rem}}@media screen and (max-width: 559px){#top #story #load #sdgs li:not(:last-child){margin-right:2%}}@media screen and (max-width: 559px){#top #story #load #sdgs li:nth-of-type(3){margin-right:0}}#top #story #load #tamashi .image-box{display:flex}#top #story #load #tamashi .image-box .image-holder{padding:1.5rem 1.5rem 2.5rem;background:#fff}@media screen and (max-width: 600px){#top #story #load #tamashi .image-box .image-holder{padding:1rem 1rem 1.5rem}}#top #story #load #tamashi .image-box .image-holder div{width:100%;margin-bottom:2.5rem}@media screen and (max-width: 959px){#top #story #load #tamashi .image-box .image-holder div{margin-bottom:1.5rem}}@media screen and (max-width: 600px){#top #story #load #tamashi .image-box .image-holder div{margin-bottom:1rem}}#top #story #load #tamashi .image-box .image-holder p{text-align:center;font-size:1.8rem;font-weight:400;letter-spacing:.1rem;line-height:1.5}@media screen and (max-width: 1050px){#top #story #load #tamashi .image-box .image-holder p{font-size:1.7rem;font-weight:400;letter-spacing:.1rem;line-height:1.5}}@media screen and (max-width: 959px){#top #story #load #tamashi .image-box .image-holder p{font-size:1.6rem;font-weight:400;letter-spacing:.1rem;line-height:1.5}}@media screen and (max-width: 600px){#top #story #load #tamashi .image-box .image-holder p{font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:1.4}#top #story #load #tamashi .image-box .image-holder p span{font-size:1.2rem}}#top #story #load #tamashi .swiper-custom-parent{position:relative}#top #story #load #tamashi .swiper-slide{position:relative;background:#fff}#top #story #load #tamashi .pager-box{position:absolute;bottom:-5rem;width:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 559px){#top #story #load #tamashi .pager-box{bottom:-3.5rem}}#top #story #load #tamashi .pager-box .swiper-custom-parent1{position:relative}#top #story #load #tamashi .pager-box .swiper-button-prev:after,#top #story #load #tamashi .pager-box .swiper-container-rtl .swiper-button-next:after,#top #story #load #tamashi .pager-box .swiper-button-next:after,#top #story #load #tamashi .pager-box .swiper-container-rtl .swiper-button-prev:after{display:none}#top #story #load #tamashi .pager-box .swiper-button-next,#top #story #load #tamashi .pager-box .swiper-button-prev{position:static;margin:0}#top #story #load #tamashi .pager-box .swiper-button-next.swiper-button-disabled,#top #story #load #tamashi .pager-box .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}#top #story #load #tamashi .pager-box .swiper-button-prev{border-bottom:solid 1px #666;border-left:solid 1px #666;width:14px;height:14px;border-radius:0 0 0 0;transform:rotate(45deg)}#top #story #load #tamashi .pager-box .swiper-button-next{border-top:solid 1px #666;border-right:solid 1px #666;width:14px;height:14px;border-radius:0 0 0 0;transform:rotate(45deg)}#top #story #load #tamashi .pager-box .swiper-pagination{position:static;display:flex;align-items:center;justify-content:center;margin:0 4rem}@media screen and (max-width: 559px){#top #story #load #tamashi .pager-box .swiper-pagination{margin:0 2rem}}@media screen and (max-width: 415px){#top #story #load #tamashi .pager-box .swiper-pagination{margin:0 1.5rem}}#top #story #load #tamashi .pager-box .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#d7d7d7;opacity:1;margin:0 1.2rem}@media screen and (max-width: 559px){#top #story #load #tamashi .pager-box .swiper-pagination .swiper-pagination-bullet{margin:0 .8rem}}@media screen and (max-width: 415px){#top #story #load #tamashi .pager-box .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0 .6rem}}#top #story #load #tamashi .pager-box .swiper-pagination .swiper-pagination-bullet-active{width:14px;height:14px;background:#666}@media screen and (max-width: 559px){#top #story #load #tamashi .pager-box .swiper-pagination .swiper-pagination-bullet-active{width:12px;height:12px}}@media screen and (max-width: 415px){#top #story #load #tamashi .pager-box .swiper-pagination .swiper-pagination-bullet-active{width:10px;height:10px}}#top #map{opacity:0;transform:translateY(10px);transition-duration:0.7s;transition-delay:0;transition-timing-function:ease-in-out;background:#e8e4da;width:100%;padding:11rem 0}#top #map.is-on{opacity:1;transform:translateY(0)}@media screen and (max-width: 768px){#top #map{padding:7rem 0}}@media screen and (max-width: 559px){#top #map{padding:5rem 0}}#top #map .wrap{padding:0 3%;max-width:calc(960px + 6%);margin:0 auto}@media screen and (max-width: 959px){#top #map .wrap{padding:0 1rem}}#top #map .sub{font-size:1.4rem;font-weight:400;letter-spacing:.1rem;line-height:2.4;color:#877d78;text-align:center;margin:7rem 0 0}@media screen and (max-width: 768px){#top #map .sub{margin:5rem 0 0}}@media screen and (max-width: 559px){#top #map .sub{line-height:1.8;margin:3rem 0 0}}#top #map .ggmap{margin:5rem 0;position:relative;padding-bottom:31.25%;height:0;overflow:hidden}@media screen and (max-width: 559px){#top #map .ggmap{margin:2rem 0 3rem;padding-bottom:56%}}#top #map .ggmap iframe,#top #map .ggmap object,#top #map .ggmap embed{position:absolute;top:0;left:0;width:100%;height:100%}#top #map .txt p{text-align:center}#top #map .txt p:nth-of-type(1){font-size:2rem;font-weight:400;letter-spacing:.4rem;line-height:1.7;color:#4d4d4d}@media screen and (max-width: 559px){#top #map .txt p:nth-of-type(1){font-size:1.8rem;font-weight:400;letter-spacing:.4rem;line-height:1.7}}#top #map .txt p:nth-of-type(2){font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:1.7;color:#877d78;margin-top:2.5rem}@media screen and (max-width: 559px){#top #map .txt p:nth-of-type(2){margin-top:1.5rem}}#top #member{opacity:0;transform:translateY(10px);transition-duration:0.7s;transition-delay:0;transition-timing-function:ease-in-out;background:url(../img/bg-paper.jpg);background-size:1200px 1683px;width:100%;padding:11rem 0}#top #member.is-on{opacity:1;transform:translateY(0)}@media screen and (max-width: 768px){#top #member{padding:7rem 0}}@media screen and (max-width: 559px){#top #member{padding:5rem 0}}#top #member .sec-ttl{margin-bottom:10rem}@media screen and (max-width: 768px){#top #member .sec-ttl{margin-bottom:5.5rem}}@media screen and (max-width: 559px){#top #member .sec-ttl{margin-bottom:3.5rem}}#top #member section{margin-bottom:10rem}@media screen and (max-width: 767px){#top #member section{margin-bottom:7rem}}@media screen and (max-width: 559px){#top #member section{margin-bottom:4rem}}#top #member section#kyoryoku-koen{margin-bottom:0}#top #member section#kyoryoku-koen h3{margin-bottom:7rem}@media screen and (max-width: 768px){#top #member section#kyoryoku-koen h3{margin-bottom:4.5rem}}@media screen and (max-width: 559px){#top #member section#kyoryoku-koen h3{margin-bottom:3rem}}#top #member section h3{display:flex;align-items:center;font-size:2rem;font-weight:400;letter-spacing:.7rem;line-height:2;margin-bottom:10rem}#top #member section h3:before,#top #member section h3:after{border-top:1px solid #dddcd3;content:"";flex-grow:1}#top #member section h3:before{margin-right:9rem}#top #member section h3:after{margin-left:9rem}@media screen and (max-width: 768px){#top #member section h3{margin-bottom:4.5rem;display:flex;align-items:center}#top #member section h3:before,#top #member section h3:after{border-top:1px solid #dddcd3;content:"";flex-grow:1}#top #member section h3:before{margin-right:5rem}#top #member section h3:after{margin-left:5rem}}@media screen and (max-width: 559px){#top #member section h3{margin-bottom:3rem;display:flex;align-items:center;font-size:1.7rem;font-weight:400;letter-spacing:.3rem;line-height:2}#top #member section h3:before,#top #member section h3:after{border-top:1px solid #dddcd3;content:"";flex-grow:1}#top #member section h3:before{margin-right:2rem}#top #member section h3:after{margin-left:2rem}}#top #member section .line{margin:7.5rem auto}@media screen and (max-width: 959px){#top #member section .line{padding:0 1rem}}@media screen and (max-width: 768px){#top #member section .line{margin:4.5rem auto}}@media screen and (max-width: 559px){#top #member section .line{margin:3.5rem auto}}#top #member section .line span{width:700px;background:#dddcd3;height:1px;margin:0 auto;display:block}@media screen and (max-width: 959px){#top #member section .line span{width:100%}}#top #member section .wrap{padding:0 3%;max-width:calc(960px + 6%);margin:0 auto}@media screen and (max-width: 959px){#top #member section .wrap{padding:0 1rem}}#top #member section .wrap h4{margin-bottom:2.5rem}@media screen and (max-width: 767px){#top #member section .wrap h4{text-align:center;margin-bottom:1.5rem}}#top #member section .wrap h4 span:nth-of-type(1){font-size:2.4rem;font-weight:400;letter-spacing:.2rem;line-height:1.7;display:inline-block;margin-right:1rem}@media screen and (max-width: 767px){#top #member section .wrap h4 span:nth-of-type(1){margin:0}}@media screen and (max-width: 559px){#top #member section .wrap h4 span:nth-of-type(1){font-size:2rem}}#top #member section .wrap h4 span:nth-of-type(2){font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:1.7}@media screen and (max-width: 767px){#top #member section .wrap h4 span:nth-of-type(2){display:block}}@media screen and (max-width: 559px){#top #member section .wrap h4 span:nth-of-type(2){font-size:1.3rem;font-weight:400;letter-spacing:0;line-height:1.6}}#top #member section .wrap .holder{display:flex}@media screen and (max-width: 767px){#top #member section .wrap .holder{flex-direction:column;align-items:center}}#top #member section .wrap .holder .images{width:200px;margin-right:4.5rem}@media screen and (max-width: 767px){#top #member section .wrap .holder .images{margin:0 auto 3rem}}#top #member section .wrap .holder .images .person{display:block;margin-bottom:2.5rem}#top #member section .wrap .holder .images .logo{display:block}#top #member section .wrap .holder .images .logo a{display:block;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#top #member section .wrap .holder .images .logo a:hover{opacity:.7}#top #member section .wrap .holder .txt{flex:1}#top #member section .wrap .holder .txt p{font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:2}@media screen and (max-width: 767px){#top #member section .wrap .holder .txt p{display:inline}}@media screen and (max-width: 559px){#top #member section .wrap .holder .txt p{line-height:1.8}}#top #member section .wrap .shusai{display:flex;justify-content:space-between}@media screen and (max-width: 959px){#top #member section .wrap .shusai{flex-direction:column;align-items:center}}#top #member section .wrap .shusai li{width:100%;max-width:400px;padding-bottom:2rem;display:flex;flex-direction:column}@media screen and (max-width: 959px){#top #member section .wrap .shusai li{max-width:100%;padding:0}}#top #member section .wrap .shusai li.divide{width:1px;height:auto;background:#dddcd3;display:block}@media screen and (max-width: 959px){#top #member section .wrap .shusai li.divide{width:100%;height:1px;padding:0;margin:4rem 0}}#top #member section .wrap .shusai li h4.img-logo{margin:0 auto;height:75px;display:flex;align-items:center}@media screen and (max-width: 959px){#top #member section .wrap .shusai li h4.img-logo{height:auto}}#top #member section .wrap .shusai li h4.img-logo.img-logo-umisakura{width:250px}#top #member section .wrap .shusai li h4.img-logo.img-logo-cfb{width:198px}#top #member section .wrap .shusai li .txt-box{margin:5rem 0 3rem}@media screen and (max-width: 959px){#top #member section .wrap .shusai li .txt-box{margin:3rem 0}}#top #member section .wrap .shusai li .txt-box p{font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:2.3}@media screen and (max-width: 959px){#top #member section .wrap .shusai li .txt-box p{display:inline}#top #member section .wrap .shusai li .txt-box p br{display:none}}@media screen and (max-width: 559px){#top #member section .wrap .shusai li .txt-box p{line-height:1.8}}#top #member section .wrap .shusai li .btn{margin-top:auto}#top #member section .wrap .shusai li .btn a{font-size:1.5rem;font-weight:500;letter-spacing:.4rem;line-height:2;color:#877d78;width:100%;height:39px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:1px solid #877d78;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width: 559px){#top #member section .wrap .shusai li .btn a{font-size:1.4rem;font-weight:500;letter-spacing:.3rem;line-height:2;width:100%}}#top #member section .wrap .shusai li .btn a:before{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #877d78;display:block;margin-right:1.8rem;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width: 559px){#top #member section .wrap .shusai li .btn a:before{margin-right:1rem}}#top #member section .wrap .shusai li .btn a:hover{background:#877d78;color:#fff}#top #member section .wrap .shusai li .btn a:hover:before{border-color:transparent transparent transparent #fff}#top #member section .wrap .koen li{text-align:center;font-size:1.6rem;font-weight:400;letter-spacing:.1rem;line-height:2}@media screen and (max-width: 559px){#top #member section .wrap .koen li{font-size:1.4rem;font-weight:400;letter-spacing:.1rem;line-height:2}}#top #member section .wrap .koen li:not(:last-child){margin-bottom:1.5rem}@media screen and (max-width: 559px){#top #member section .wrap .koen li:not(:last-child){margin-bottom:1rem}}
