.spotify .banner{padding:122px 0 152px;background:url('/uploads/page/platform/banner-smc-pc.webp') no-repeat center / cover;}.apple .banner{padding:122px 0 152px;background:url('/uploads/page/platform/banner-amc-pc.webp') no-repeat center / cover;}.youtube .banner{padding:122px 0 152px;background:url('/uploads/page/platform/banner-ymc-pc.webp') no-repeat center / cover;}.amazon .banner{padding:122px 0 152px;background:url('/uploads/page/platform/banner-other-pc.webp') no-repeat center / cover;}.banner h1{color:#fff;text-align:center;font-size:52px;font-weight:600;line-height:125.182%;}.banner .banner-desc{max-width:766px;margin:22px auto 0;color:#fff;text-align:center;font-size:18px;font-weight:300;line-height:180%;}.wrap1{margin-top:70px;}.wrap1 .container{display:flex;align-items:center;justify-content:space-between;gap:126px;}.wrap1 .wrap-img{flex:1;width:100%;}.wrap1 .wrap-img img{width:100%;}.wrap1 .wrap-info{flex:0 0 420px;}.wrap1 .wrap-tit{margin-top:16px;color:#061c3d;font-size:38px;font-weight:600;line-height:125.182%;}.wrap1 .wrap-desc{margin-top:24px;color:#3e4856;font-size:20px;font-weight:400;line-height:180%;}.wrap1 .wrap-link{display:flex;align-items:center;gap:12px;margin-top:24px;color:#006dff;font-size:20px;font-weight:600;line-height:1.2;}.wrap1 .wrap-link img{transition:all 0.3s;}.wrap1 .wrap-link:hover img{transform:translateX(6px);}.new-list{margin-top:146px;}.new-list .new-tit{color:#1b1b1b;font-family:'Noto Sans JP';font-size:32px;font-weight:900;line-height:1.5;}.main .container .tutorial-list-wrap{width:100%;}@media (max-width:768px){.spotify .banner{padding:70px 0 90px;background:url('/uploads/page/platform/banner-smc-mb.png') no-repeat center / cover;}.apple .banner{padding:70px 0 90px;background:url('/uploads/page/platform/banner-amc-mb.png') no-repeat center / cover;}.youtube .banner{padding:70px 0 90px;background:url('/uploads/page/platform/banner-ymc-mb.png') no-repeat center / cover;}.amazon .banner{padding:70px 0 90px;background:url('/uploads/page/platform/banner-other-mb.png') no-repeat center / cover;}.banner h1{font-size:36px;}.banner .banner-desc{margin:30px auto 0;font-size:14px;}.wrap1{margin-top:30px;}.wrap1 .container{flex-direction:column;gap:16px;}.wrap1 .wrap-tit{font-size:30px;}.wrap1 .wrap-desc{margin-top:16px;font-size:16px;}.wrap1 .wrap-link{margin-top:12px;gap:8px;font-size:16px;}.wrap1 .wrap-link img{width:16px;height:16px;}.wrap1 .wrap-info{flex:none;}.new-list{margin-top:44px;}.new-list .new-tit{font-size:30px;text-align:center;}}.main{margin-top:40px;padding-bottom:90px;}@media (max-width:769px){.main{padding-bottom:60px;}}.main .container{display:flex;justify-content:space-between;}@media (max-width:769px){.main .container{flex-direction:column;}}.main .tutorial-list-wrap{width:72%;}@media (max-width:769px){.main .tutorial-list-wrap{width:100%;}}.main .tutorial-list-wrap .panels{margin-top:30px;}.main .tutorial-list-wrap .panels .panel{box-shadow:0 0 10px rgba(0,0,0,0.1);padding:30px;margin-bottom:20px;transition:all 0.5s;}@media (max-width:600px){.main .tutorial-list-wrap .panels .panel{padding:20px;}}.main .tutorial-list-wrap .panels .panel:hover{box-shadow:0 15px 20px rgba(0,0,0,0.1);transform:translateY(-10px);}.main .tutorial-list-wrap .panels .panel .tutorial-title{font-size:20px;font-weight:bold;margin-bottom:20px;}@media (max-width:600px){.main .tutorial-list-wrap .panels .panel .tutorial-title{font-size:18px;line-height:28px;}}.main .tutorial-list-wrap .panels .panel .tutorial-title a{color:#333333;}.main .tutorial-list-wrap .panels .panel .tutorial-title a:hover{color:#359ae4;}.main .tutorial-list-wrap .panels .panel .tutorial-description{font-size:14px;line-height:28px;color:#666666;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}.main .tutorial-list-wrap .panels .panel .other-message span{font-size:14px;color:#888888;margin-left:15px;}@media (max-width:600px){.main .tutorial-list-wrap .panels .panel .other-message span{margin-left:5px;}}.main .tutorial-list-wrap .panels .panel .other-message span:first-child{position:relative;margin-left:25px;}.main .tutorial-list-wrap .panels .panel .other-message span:first-child a{color:#888888;}.main .tutorial-list-wrap .panels .panel .other-message span:first-child a:hover{color:#359ae4;}.main .tutorial-list-wrap .panels .panel .other-message span:first-child:before{content:'';background:url(/uploads/page/platform/tag.svg) no-repeat center center;background-size:contain;width:15px;height:15px;position:absolute;left:-25px;top:2px;}.main .tutorial-list-wrap .panels .panel .other-message span:last-child::after{display:none;}.main .tutorial-list-wrap .panels .panel .other-message span::after{content:'|';margin-left:15px;}@media (max-width:600px){.main .tutorial-list-wrap .panels .panel .other-message span::after{margin-left:5px;}}.main .tutorial-list-wrap .loading-more{font-size:16px;color:#999999;width:160px;height:44px;border-radius:22px;background-color:#ffffff;box-shadow:0 5px 10px rgba(0,0,0,0.1);border:none;display:block;margin:40px auto 0 auto;outline:none;}.main .tutorial-list-wrap .loading-more:hover{box-shadow:0 5px 10px rgba(0,0,0,0.05);color:#359ae4;}