.cordy-introduction-announce{font-size:1.6rem;letter-spacing:.3rem;text-align:center;padding:1rem;color:#fff;background:#a7a7a7}.cordy-introduction img{width:100%;vertical-align:bottom}.cordy-introduction .main-img{margin-bottom:2rem}.cordy-introduction .menu-list{margin:0 0 5rem;display:flex;align-items:flex-end;justify-content:space-around}.cordy-introduction .menu-list a{width:20%;text-decoration:unset}.cordy-introduction .menu-list a:first-child{width:40%}.cordy-introduction .menu-list a:hover{opacity:.6}.cordy-introduction .menu-list a p{font-size:1.4rem;letter-spacing:.2rem;text-align:center;margin:1rem 0 0;color:#3b3834}.cordy-introduction .link-wrapper{text-align:center;margin:0 auto 5rem}.cordy-introduction .link-wrapper:last-child{margin:0}.cordy-introduction .link-wrapper .text{font-size:1.4rem;margin:0 0 .5rem;color:#3b3834}.cordy-introduction .link-wrapper .text span{background:url(//cordy.jp/cdn/shop/files/slash-bg01.png?v=16310787448125605195) no-repeat left center,url(//cordy.jp/cdn/shop/files/slash-bg02.png?v=14456430633412494463) no-repeat right center;background-size:1rem auto;padding:0 2rem}.cordy-introduction .link-wrapper .btn{font-size:1.4rem;font-weight:200;letter-spacing:.1em;text-decoration:unset;margin:0 auto 1rem;width:100%;max-width:28rem;height:4rem;color:#fff;background:#00aec7;display:flex;justify-content:center;align-items:center}.cordy-introduction .link-wrapper .note{font-size:1.2rem;margin:0 auto 1rem}.cordy-introduction .link-wrapper .app_dl_box{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.cordy-introduction .link-wrapper .app_dl_box a{width:12rem}.cordy-introduction .about-wrapper{margin-bottom:5rem}.cordy-introduction .about-wrapper h2{padding-bottom:1rem;border-bottom:1px solid #cfcfcf;margin:0 0 3rem}.cordy-introduction .about-wrapper h2 span{font-size:2.5rem;padding-left:5px;border-left:8px solid #cfcfcf}.cordy-introduction .about-wrapper .fbox{display:flex;flex-direction:row-reverse;gap:4rem}.cordy-introduction .about-wrapper .fbox img{width:45%;height:fit-content}.cordy-introduction .about-wrapper .fbox p{font-size:1.6rem;margin:0;width:calc(55% - 4rem)}.cordy-introduction .about-wrapper .fbox p span{color:#00aec7}.cordy-introduction .point-wrapper{margin:0 0 5rem}.cordy-introduction .point-wrapper .txt{font-size:1.6rem;margin:0 0 3rem;padding-top:5rem;border-top:2px dotted #cfcfcf}.cordy-introduction .point-wrapper .txt span{color:#00aec7}.cordy-introduction .point-wrapper .ttl{width:60%;margin:0 20% 3rem}.cordy-introduction .point-wrapper .point-items{margin:0 0 5rem;display:flex;flex-direction:column;gap:3rem}.cordy-introduction .point-wrapper .point-items .outer{display:flex;gap:4rem;align-items:center}.cordy-introduction .point-wrapper .point-items .outer:nth-child(2n){flex-direction:row-reverse}.cordy-introduction .point-wrapper .point-items .outer .inner{width:60%}.cordy-introduction .point-wrapper .point-items .outer .inner h3{font-size:2.4rem;margin:0 0 3rem;padding:0 0 .5rem;color:#00aec7;border-bottom:1px solid #cfcfcf}.cordy-introduction .point-wrapper .point-items .outer .inner h3 span{font-size:3rem;line-height:1;color:#fff;background:#00aec7;padding:0rem 1rem;margin-right:1rem}.cordy-introduction .point-wrapper .point-items .outer .inner p{font-size:1.6rem;margin:0}.cordy-introduction .point-wrapper .point-items .outer .img{width:calc(40% - 4rem)}.cordy-introduction .youtube-wrapper{margin:0 auto 5rem;width:100%;max-width:64rem}.cordy-introduction .youtube-wrapper h2{font-size:1.8rem;text-align:center;color:#00aec7;margin:0 0 2rem}.cordy-introduction .youtube-wrapper a{position:relative;display:block}.cordy-introduction .youtube-wrapper a i{width:70px;height:70px;position:absolute;top:50%;left:50%;margin-top:-35px;margin-left:-35px}.cordy-introduction .youtube-wrapper a i.youtubePlayHover,.cordy-introduction .youtube-wrapper a:hover i.youtubePlay{display:none}.cordy-introduction .youtube-wrapper a:hover i.youtubePlayHover,.cordy-introduction .youtube-wrapper a i.youtubePlay{display:block}.cordy-introduction .bottom-wrapper{margin:0 0 5rem}.cordy-introduction .bottom-wrapper .ttl{margin:0 0 2rem}.cordy-introduction .bottom-wrapper .link-list{display:flex;justify-content:center;gap:2rem}.cordy-introduction .bottom-wrapper .link-list .item{width:25%;text-decoration:unset}.cordy-introduction .bottom-wrapper .link-list .item p{font-size:1.5rem;text-align:center;color:#3b3834;margin:0 0 .5rem}@media screen and (max-width: 749px){.cordy-introduction .menu-list{flex-wrap:wrap;gap:2rem}.cordy-introduction .menu-list a{width:calc(50% - 1rem)}.cordy-introduction .menu-list a:first-child{width:100%}.cordy-introduction .link-wrapper .note{font-size:1rem}.cordy-introduction .about-wrapper h2{margin-bottom:2rem}.cordy-introduction .about-wrapper h2 span{font-size:1.8rem}.cordy-introduction .about-wrapper .fbox{flex-direction:column;gap:2rem}.cordy-introduction .about-wrapper .fbox img,.cordy-introduction .about-wrapper .fbox p{font-size:1.4rem;width:100%}.cordy-introduction .point-wrapper .txt{font-size:1.4rem}.cordy-introduction .point-wrapper .ttl{width:100%;margin:0 0 3rem}.cordy-introduction .point-wrapper .point-items .outer,.cordy-introduction .point-wrapper .point-items .outer:nth-child(2n){flex-direction:column;gap:2rem}.cordy-introduction .point-wrapper .point-items .outer .inner,.cordy-introduction .point-wrapper .point-items .outer .img{width:100%}.cordy-introduction .point-wrapper .point-items .outer .inner h3{font-size:1.8rem;margin-bottom:2rem}.cordy-introduction .point-wrapper .point-items .outer .inner h3 span{font-size:2rem;padding:0 .8rem}.cordy-introduction .point-wrapper .point-items .outer .inner p,.cordy-introduction .about-wrapper p{font-size:1.4rem}.cordy-introduction .bottom-wrapper .link-list{flex-wrap:wrap;align-items:flex-end}.cordy-introduction .bottom-wrapper .link-list .item{width:calc(50% - 1rem)}.cordy-introduction .bottom-wrapper .link-list .item p{font-size:2.2rem}}.cordy-introduction.--download h2{font-size:2.2rem;text-align:center;margin:0 0 3rem;color:#3b3834}.cordy-introduction.--download h2 span{color:#00aec7}.cordy-introduction.--download .design-wrapper{margin:0 0 5rem;display:flex;flex-direction:column;gap:5rem}.cordy-introduction.--download .design-wrapper .outer{text-align:center}.cordy-introduction.--download .design-wrapper .outer:not(:last-child){padding-bottom:5rem;border-bottom:2px dotted #cfcfcf}.cordy-introduction.--download .design-wrapper .outer h3{font-size:2.7rem;font-weight:700;margin:0 0 2rem;color:#3b3834}.cordy-introduction.--download .design-wrapper .outer p{color:#3b3834;margin:0 0 4rem}.cordy-introduction.--download .design-wrapper .outer p span{font-size:1rem}.cordy-introduction.--download .design-wrapper .outer .inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4rem}.cordy-introduction.--download .design-wrapper .outer .inner .item{width:calc(33.33% - 2.7rem)}.cordy-introduction.--download .splide+.splide{margin-top:8px}.cordy-introduction.--download .splide__arrow svg{display:none}.cordy-introduction.--download .splide__arrow{background:transparent;border:none;padding:0;width:44px;height:44px;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.cordy-introduction.--download .splide__arrow--prev{left:0}.cordy-introduction.--download .splide__arrow--next{right:0}.cordy-introduction.--download .splide__arrow img{width:27px;height:auto}.cordy-introduction.--download .splide__track--nav>.splide__list>.splide__slide.is-active{border:1px solid #3B3834}.cordy-introduction.--download .design-wrapper .outer .inner .item .download-btn{font-size:1.2rem;text-decoration:unset;color:#fff;display:block;background:#00aec7;padding:.5rem 1rem;margin-top:1rem;cursor:pointer}.cordy-introduction.--download .design-wrapper .outer .inner .item .download-btn:hover{opacity:.6}.cordy-introduction.--download .return-button{display:flex;justify-content:center}.cordy-introduction.--download .return-button a{font-size:1rem;text-decoration:unset;border:1px solid #3b3834;width:17rem;height:4rem;color:#3b3834;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 749px){.cordy-introduction.--download h2{font-size:1.8rem}.cordy-introduction.--download .design-wrapper .outer h3{font-size:4rem}.cordy-introduction.--download .design-wrapper .outer p{font-size:1.4rem}.cordy-introduction.--download .design-wrapper .outer .inner .item{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cordy-introduction.css.map */