main.top{overflow:hidden}main.top>section{position:relative;z-index:2}main.top #lead{padding-top:350px;padding-bottom:160px}main.top #lead .item-slide{margin-bottom:0}main.top #lead .item-slide .slick-dots{display:flex;width:auto;bottom:10px;right:calc(50% + 270px);height:6px}main.top #lead .item-slide .slick-dots li{margin-right:0;margin-left:5px;width:6px;height:6px;transition:all .3s ease;border-radius:3px;overflow:hidden}main.top #lead .item-slide .slick-dots li button{background-color:#000;transition:all .3s ease;border-radius:3px}main.top #lead .item-slide .slick-dots li button:after{content:"";display:block;position:absolute;left:0;top:0;width:0;height:100%;background:#000;border-radius:3px;transition:all 4s linear}main.top #lead .item-slide .slick-dots li.slick-active{width:60px}main.top #lead .item-slide .slick-dots li.slick-active button{background-color:#d5dedd}main.top #lead .item-slide .slick-dots li.slick-active button:after{width:100%}main.top #lead .item-slide .slick-slide{text-align:center}main.top #lead .item-slide .slick-slide.slick-active .item-label{opacity:1;visibility:visible;transform:translateX(0);transition-delay:.4s}main.top #lead .item-slide .slick-slide.slick-active .item-text{opacity:1;visibility:visible;transform:translateX(0);transition-delay:.6s}main.top #lead .item-label{position:absolute;right:calc(50% + 270px);top:0;line-height:1;transition:all .6s ease;opacity:0;visibility:hidden;z-index:3}main.top #lead .item-label span{display:block;text-align:right;font-family:"Inria Serif",serif}main.top #lead .item-label span:nth-child(1){font-size:128px;font-size:8rem;font-weight:30}main.top #lead .item-label span:nth-child(1):before{content:"#";font-size:100px;font-size:6.25rem}main.top #lead .item-label span:nth-child(2){margin-top:20px;font-size:24px;font-size:1.5rem;font-weight:300}main.top #lead .item-img{text-align:center;display:-moz-inline-box;display:inline-block;border-radius:8px;overflow:hidden}main.top #lead .item-img a{display:block}main.top #lead .item-img a:hover img{transform:scale(1.1);transform-origin:center center}main.top #lead .item-img img{transition:all .8s ease}main.top #lead .item-text{position:absolute;right:0;bottom:80px;text-align:left;font-size:26px;font-size:1.625rem;line-height:2;z-index:3;transition:all .6s ease;opacity:0;visibility:hidden;transform:translateX(30px)}main.top #lead .item-text span{background:#fff}main.top #lead .item-view{position:absolute;right:0;bottom:0;height:100px;display:flex;-webkit-box-orient:vertical;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-family:"Inria Serif",serif;font-size:11px;font-size:.6875rem;font-weight:300;line-height:1.3;padding-right:50px;padding-top:10px;box-sizing:border-box;color:#000}main.top #lead .item-view:before{content:"";width:135px;height:17px;background:no-repeat center/auto;background-image:url(//panptree.com/wp/wp-content/themes/panptree/css/../img/top/lead/arrow.svg);transition:all .3s ease}main.top #lead .item-view:hover{text-decoration:none}main.top #lead .item-view:hover:before{transform:translateX(5px)}main.top #lead .item-view:after{content:"";display:block;position:absolute;top:0;width:auto;height:100%;right:0;border:1px solid #454545;aspect-ratio:1;box-sizing:border-box;border-radius:50%}main.top #latest{padding-bottom:100px}@media screen and (min-width:701px){main.top #latest .item-li:nth-child(10){display:none}}main.top #list{padding-top:160px;padding-bottom:160px;overflow:hidden}main.top #list .item-bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}main.top #list .item-bg span{position:absolute;left:0;top:0;width:100%;height:110%}main.top #list .item-bg span img{width:100%;height:100%;object-fit:cover}main.top #list .item-section{position:relative;display:flex}main.top #list .item-section:not(:last-child){margin-bottom:120px}main.top #list .item-title{width:290px}main.top #list .item-right{width:10px;-ms-flex:1 0 auto;flex-grow:1;margin-right:-120px}@media screen and (max-width:1400px){main.top #list .item-right{margin-right:-40px}}main.top #list .item-list .slick-list{overflow:visible;-webkit-clip-path:polygon(0 0,100vw 0,100vw 100%,0 100%);clip-path:polygon(0 0,100vw 0,100vw 100%,0 100%)}main.top #list .item-list .slick-slide{margin-right:80px;width:320px}main.top #list .item-list .slick-arrow{width:100px;height:17px;top:inherit;bottom:-90px;transform:translateY(0)}main.top #list .item-list .slick-arrow:before{display:block;font-size:0;width:100%;height:100%;background:url(//panptree.com/wp/wp-content/themes/panptree/css/../img/common/arrow-slide.svg)}main.top #list .item-list .slick-prev{left:0}main.top #list .item-list .slick-prev:before{transform:rotate(180deg);transform-origin:center center}main.top #list .item-list .slick-next{right:inherit;left:120px}main.top #links{padding:40px;display:grid;gap:40px}main.top #links .item-section{position:relative;height:500px;display:flex}main.top #links .item-link{width:100%;color:#fff}main.top #links .item-link:hover{text-decoration:none}main.top #links .item-bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}main.top #links .item-bg img{max-width:100%;height:110%;object-fit:cover}main.top #links .item-img{position:absolute;left:-120px;top:-160px;pointer-events:none;z-index:3}main.top #links .item-okinawa{position:absolute;right:0;bottom:0;text-align:right;line-height:1}main.top #links .item-okinawa span{display:block}main.top #links .item-okinawa span:nth-child(1){font-size:26px;font-size:1.625rem;font-weight:500;letter-spacing:.3em;margin-bottom:20px;margin-right:30px}main.top #links .item-okinawa span:nth-child(2){font-family:"Cormorant Infant",serif;font-optical-sizing:auto;font-weight:400;font-size:min(14.6vw, 200px);font-size:min(14.6vw, 12.5rem);line-height:.7}main.top #links .item-about{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:40px}main.top #links .item-about span:nth-child(1){font-size:80px;font-size:5rem;font-weight:700;font-family:"Barlow",sans-serif;letter-spacing:.5em}main.top #links .item-about span:nth-child(2){font-size:26px;font-size:1.625rem;font-weight:500;letter-spacing:.3em}main.top .bg-top{pointer-events:none;position:absolute;left:0;top:0;width:100%}main.top .bg-top span{display:block;position:relative}main.top .bg-top img{width:100%;position:relative;display:block}@media screen and (min-width:701px) and (max-width:1120px){main.top #lead{padding-top:28%;padding-bottom:130px}main.top #lead .item-slide .slick-dots{right:78%}main.top #lead .item-label{right:78%}main.top #lead .item-label span:nth-child(1){font-size:100px;font-size:6.25rem}main.top #lead .item-label span:nth-child(1):before{font-size:.9em}main.top #lead .item-label span:nth-child(2){margin-top:20px;font-size:24px;font-size:1.5rem;font-weight:300}main.top #lead .item-img{max-width:50%}main.top #lead .item-text{font-size:min(2.2vw, 23px);font-size:min(2.2vw, 1.4375rem)}main.top #lead .item-view{height:90px;padding-right:45px}main.top #list .item-title{width:220px}main.top #list .item-right{margin-right:-20px}main.top #list .item-list .slick-slide{margin-right:40px;width:30vw}main.top #links{padding:30px;gap:30px}main.top #links .item-section{height:auto;aspect-ratio:2}main.top #links .item-img{left:-40px;top:-80px;max-width:50%}main.top #links .item-okinawa span:nth-child(1){font-size:22px;font-size:1.375rem;margin-right:20px}main.top #links .item-about{gap:20px}main.top #links .item-about span:nth-child(1){font-size:70px;font-size:4.375rem;font-size:min(6vw, 70px);font-size:min(6vw, 4.375rem)}main.top #links .item-about span:nth-child(2){font-size:min(2vw, 22px);font-size:min(2vw, 1.375rem)}}@media screen and (max-width:700px){main.top #lead{padding-top:80px;padding-bottom:60px}main.top #lead .item-slide{margin-bottom:0}main.top #lead .item-slide .slick-slide{padding-top:40px;padding-bottom:50px}main.top #lead .item-slide .slick-dots{bottom:20px;right:inherit;left:20px;height:6px}main.top #lead .item-slide .slick-dots li{margin-right:5px;margin-left:0}main.top #lead .item-slide .slick-dots li.slick-active{width:40px}main.top #lead .item-label{right:inherit;left:0;top:0}main.top #lead .item-label span:nth-child(1){font-size:64px;font-size:4rem}main.top #lead .item-label span:nth-child(1):before{font-size:50px;font-size:3.125rem}main.top #lead .item-label span:nth-child(2){margin-top:10px;font-size:15px;font-size:.9375rem}main.top #lead .item-img{max-width:calc(100% - 72px)}main.top #lead .item-text{position:relative;right:0;bottom:0;text-align:left;font-size:16px;font-size:1rem;margin-top:-40px;margin-left:20px}main.top #lead .item-view{height:75px;font-size:9px;font-size:.5625rem;padding-right:36px;padding-top:9px}main.top #lead .item-view:before{width:101px;height:12px;background-size:contain}main.top #list{padding-top:80px;padding-bottom:80px}main.top #list .item-section:not(:last-child){margin-bottom:80px}main.top #list .item-title{width:104px}main.top #list .item-right{margin-right:0}main.top #list .item-right .btn-block{margin-left:-104px;margin-right:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main.top #list .item-list .slick-list{padding-bottom:50px}main.top #list .item-list .slick-slide{margin-right:20px;width:166px}main.top #list .item-list .slick-arrow{width:80px;height:14px;bottom:0}main.top #list .item-list .slick-arrow:before{background-size:contain}main.top #list .item-list .slick-next{left:100px}main.top #links{padding:10px;gap:10px}main.top #links .item-section{height:auto;aspect-ratio:1.2333333333}main.top #links .item-bg img{height:120%;margin-top:-10%;object-position:center bottom}main.top #links .item-img{left:-30px;top:-55px;max-width:55%}main.top #links .item-okinawa span:nth-child(1){font-size:min(4vw, 15px);font-size:min(4vw, 0.9375rem);margin-bottom:5px;margin-right:8px}main.top #links .item-okinawa span:nth-child(2){font-size:min(18.5vw, 70px);font-size:min(18.5vw, 4.375rem)}main.top #links .item-about{gap:10px}main.top #links .item-about span:nth-child(1){font-size:min(7vw, 32px);font-size:min(7vw, 2rem)}main.top #links .item-about span:nth-child(2){line-height:1.2;font-size:14px;font-size:.875rem}main.top .bg-top img{width:100%;height:80vh;object-fit:cover;object-position:90% top}}