[data-scope-path="juku/elements/classroom_lists"]{max-width:714px;padding:40px 0;margin:0 auto}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"]{padding:16px}}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap{margin-bottom:40px}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .top{display:flex;align-items:center;justify-content:space-between}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .top .displayed-result{padding:10px 0;font-size:12px}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .top .displayed-result{padding:18px 0 8px}}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .top .order-btn{padding:8px 16px;font-size:12px;line-height:1;color:#323232;text-decoration:none;background:#f4f4f4;border:1px solid #ddd;border-radius:4px}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .tips{position:relative;display:inline-block;padding:7px 34px 7px 6px;margin-bottom:10px;font-size:12px;font-weight:300;line-height:1.5;color:#005792;background:#fff;border:1px solid #ebebeb;border-radius:4px}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .tips::before{position:absolute;bottom:-5px;left:10px;width:8px;height:8px;content:"";background:#fff;border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb;transform:rotate(-45deg)}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit{display:flex;align-items:center;justify-content:center;width:335px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.5;color:#fff;background:#ffb800;border-radius:4px;box-shadow:0 4px 0 #dd9f00;margin-bottom:16px}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit .add-list{display:inline-block}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit .done-list{display:none}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit p{padding-left:4px}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit p .txt02{display:none}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit.add{background:#ddd;box-shadow:none}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit.add .add-list{display:none}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit.add .done-list{display:inline-block}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit.add .txt01{display:none}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit.add .txt02{display:inline-block}@media screen and (max-width: 414px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .cta-btn-submit{width:100%;padding:10px 5px}}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list{width:100%;padding:16px;margin:10px 0;background:#fff;border-radius:8px;box-shadow:0 5px 12px rgba(0,87,146,.15)}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list{width:100%}}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .title{padding-bottom:10px;font-size:18px;font-weight:600;line-height:1.1}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .detail-wrap{display:-ms-grid;display:grid;-ms-grid-rows:auto auto;-ms-grid-columns:180px 8px 1fr;grid-template:"image text" auto "image campaign" auto/180px 1fr;column-gap:8px}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .detail-wrap{-ms-grid-rows:auto auto auto;-ms-grid-columns:113px 1fr;grid-template:"image    text" auto "image    text" auto "campaign campaign"/113px 1fr}}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .detail-wrap .main-image{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;grid-area:image;width:100%;height:auto}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .detail-wrap .describe-data{-ms-grid-row:1;-ms-grid-column:3;grid-area:text}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .detail-wrap .describe-data dl{display:flex;align-items:center;padding-bottom:5px}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .detail-wrap .describe-data dt{flex-shrink:0;width:80px;padding:4px 8px;margin-right:10px;font-size:12px;line-height:1;color:#005792;text-align:center;background:#effbfd}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .detail-wrap .describe-data dt{font-size:12px;font-weight:300}}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .detail-wrap .describe-data dd{width:80%;font-size:12px;line-height:1}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .campaign-wrap{-ms-grid-row:2;-ms-grid-column:3;display:flex;grid-area:campaign;font-weight:600}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .detail-wrap .main-image{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .detail-wrap .describe-data{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .campaign-wrap{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .campaign-wrap{margin-top:8px}}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .campaign-wrap .head{display:flex;align-items:center;padding:16px 10px;font-size:16px;line-height:1;color:#fff;white-space:nowrap;background:linear-gradient(134.39deg, #49a9f6 0%, #5dc8d5 100%)}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .campaign-wrap .content{width:100%;padding:14px 16px;font-size:14px;line-height:1.3;color:#005792;background:#effbfd;border:1px solid;border-left-style:none;border-image:linear-gradient(to right, #49a9f6 0%, #5dc8d5 100%);border-image-slice:1}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .campaign-wrap .content{padding:8px 16px;font-size:14px}}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:8px}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn{display:flex;align-items:center;justify-content:center;width:254px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.5;color:#fff;background:#ffb800;border-radius:4px;box-shadow:0 4px 0 #dd9f00}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn .add-list{display:inline-block}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn .done-list{display:none}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn p{padding-left:4px}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn p .txt02{display:none}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn.add{background:#ddd;box-shadow:none}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn.add .add-list{display:none}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn.add .done-list{display:inline-block}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn.add .txt01{display:none}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn.add .txt02{display:inline-block}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn{width:auto;padding:10px 12px}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn .add-list,[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn .done-list{width:10px}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .cta-btn p{font-size:10px}}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .not-download-txt{width:135px;font-size:10px;text-align:center}@media screen and (min-width: 769px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .not-download-txt{width:235px}}[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .classroom-show-btn{width:219px;padding:10px 0;font-size:14px;line-height:1.5;color:#005792;text-align:center;text-decoration:none;background:#fff;border:1px solid #ddd;border-radius:4px}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .classroom-wrap .classroom-lists .classroom-list .buttons-wrap .classroom-show-btn{width:auto;padding:10px;font-size:10px}}[data-scope-path="juku/elements/classroom_lists"] .floating-cta{position:fixed;bottom:0;left:0;z-index:1;width:100%;padding:12px 0;background:rgba(50,50,50,.7)}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .floating-cta{display:none}}[data-scope-path="juku/elements/classroom_lists"] .floating-cta-link{position:relative;display:block;max-width:415px;padding:12px 64px;margin:0 auto;font-size:22px;font-weight:bold;line-height:1.1;text-align:center;text-decoration:none;background:#fbda00;border-radius:4px}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .floating-cta-link{max-width:83%;padding:8px 50px;font-size:16px;line-height:1.2}}[data-scope-path="juku/elements/classroom_lists"] .floating-cta-link::before{position:absolute;left:-23px;width:53px;height:53px;content:"";background-image:url("/img/juku/button/cta-before.svg")}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .floating-cta-link::before{bottom:1px;left:-19px}}[data-scope-path="juku/elements/classroom_lists"] .floating-cta-link::after{position:absolute;top:5px;right:-42px;width:106px;height:66px;content:"";background-image:url("/img/juku/button/cta-after.svg");background-size:contain}@media screen and (max-width: 768px){[data-scope-path="juku/elements/classroom_lists"] .floating-cta-link::after{right:-50px;height:50px}}[data-scope-path="juku/elements/classroom_lists"] .floating-cta-link span{color:#005792}