.jsSectionKeyvisual .keyvisual{position:relative;min-height:500px;padding:0 20px;text-align:left}@media screen and (max-width:767px){.jsSectionKeyvisual .keyvisual{min-height:unset;padding:0 15px;text-align:center}
}.jsSectionKeyvisual .keyvisual>.content>.logo{max-width:1000px;margin-bottom:30px}@media screen and (max-width:767px){.jsSectionKeyvisual .keyvisual>.content>.logo{margin-bottom:0}}.jsSectionKeyvisual .keyvisual>.content>.logo img{width:200px}
.jsSectionKeyvisual .keyvisual>.content{position:relative;display:flex;flex-direction:column;max-width:1000px;padding:30px 0 20px;margin:0 auto}@media screen and (max-width:767px){}@media screen and (max-width:767px){}
.jsSectionKeyvisual .keyvisual>.content>.title h1{margin:0;font:bold 60px/1 Helvetica,"Helvetica Neue",Arial,sans-serif}@media screen and (max-width:1070px){.jsSectionKeyvisual .keyvisual>.content>.title h1{font-size:6vw}
}@media screen and (max-width:767px){.jsSectionKeyvisual .keyvisual>.content>.title h1{font-size:10vw}}.jsSectionKeyvisual .keyvisual>.content>.text{max-width:500px}@media screen and (max-width:767px){.jsSectionKeyvisual .keyvisual>.content>.text{max-width:unset}
}.jsSectionKeyvisual .keyvisual>.content>.text p{margin-top:20px;font:normal 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}@media screen and (max-width:767px){.jsSectionKeyvisual .keyvisual>.content>.text p{font-size:18px}
}.jsSectionKeyvisual .keyvisual>.content>.button{max-width:350px;margin:36px 0}@media screen and (max-width:767px){.jsSectionKeyvisual .keyvisual>.content>.button{max-width:unset}}.jsSectionKeyvisual .keyvisual>.content>.button p.notice{margin-top:10px;font:normal 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#e8fafd;text-align:center}
@media screen and (max-width:767px){.jsSectionKeyvisual .keyvisual>.content>.button p.notice{font-size:18px}}.jsSectionKeyvisual .keyvisual>.content>.button p.notice a{color:inherit;text-decoration:underline}
.jsSectionKeyvisual .keyvisual>.content>.button p.notice a:hover,.jsSectionKeyvisual .keyvisual>.content>.button p.notice a:active{text-decoration:none}.jsSectionKeyvisual .keyvisual>.content>.image{position:absolute;right:0;bottom:0;width:calc(100% / 2);max-width:500px}
@media screen and (max-width:767px){.jsSectionKeyvisual .keyvisual>.content>.image{position:static;width:100%;max-width:unset;margin-bottom:30px;text-align:center}}.jsSectionKeyvisual .keyvisual>.content>.area-report{position:relative;z-index:1;display:flex;gap:15px;align-items:center;width:calc(100% / 2);padding:20px;background:#fff;border-radius:15px;box-shadow:0 0 6px rgb(0 0 0 / 10%)}
@media screen and (max-width:767px){.jsSectionKeyvisual .keyvisual>.content>.area-report{right:0;bottom:-40px;flex-direction:column;width:100%;border-radius:10px}}.jsSectionKeyvisual .keyvisual>.content>.area-report .icon{width:36px}
.jsSectionKeyvisual .keyvisual>.content>.area-report .icon.math{width:200px}@media screen and (max-width:767px){.jsSectionKeyvisual .keyvisual>.content>.area-report .icon{margin:0 auto}}.jsSectionKeyvisual .keyvisual>.content>.area-report .text{flex:1}
.jsSectionKeyvisual .keyvisual>.content>.area-report .title h2{margin-bottom:10px;font:bold 22px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#001980}.jsSectionKeyvisual .keyvisual>.content>.area-report .titl.math h2{margin:0;font:bold 20px/1 Helvetica,"Helvetica Neue",Arial,sans-serif}
@media screen and (max-width:767px){}.jsSectionKeyvisual .keyvisual>.content>.area-report .title h2 strong{color:#69da20}.jsSectionKeyvisual .keyvisual>.content>.area-report p.notice{font:normal 14px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:rgb(0 26 74 / 60%)}
.jsSectionKeyvisual .jsSectionKeyvisual .keyvisual>.content>.area-report p.notice a{color:inherit;text-decoration:underline}.jsSectionKeyvisual .keyvisual>.content>.area-report p.notice a:hover,.jsSectionKeyvisual .keyvisual>.content>.area-report p.notice a:active{text-decoration:none}
.jsSectionKeyvisual .area-seehowto{position:absolute;right:0;bottom:30%;width:calc(100% / 2);text-align:center}@media screen and (max-width:767px){.jsSectionKeyvisual .area-seehowto{position:static;width:100%}
}.jsSectionKeyvisual .area-seehowto a{display:inline-flex;gap:10px;align-items:center;height:60px;padding:0 15px;margin:0 auto;font:bold 24px/1 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#ed203d;text-decoration:none;background:#fff;border:2px solid;border-radius:3em;box-shadow:0 1px 5px rgb(0 0 0 / 30%);transition:all .3s ease-out;transform:scale(1);cursor:pointer}
@media screen and (max-width:767px){.jsSectionKeyvisual .area-seehowto a{font-size:22px}}.jsSectionKeyvisual .area-seehowto a:hover{opacity:1;transition:all 100ms ease-out;transform:scale(1.02)}.jsSectionKeyvisual .area-seehowto a:active{opacity:.9;transform:scale(0.95)}
.jsSectionKeyvisual .area-seehowto a i{position:relative;display:block;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ed203d;border-radius:50%}.jsSectionKeyvisual .area-seehowto a i::before{display:block;width:0;height:0;content:"";border-color:#fff transparent transparent;border-style:solid;border-width:15px 8px 0;transform:rotate(-90deg) translateY(3px)}
.jsSectionKeyvisual .learningtablet .keyvisual{background-color:#001a4a;background-image:url(/wc/jsSectionKeyvisual/images/learningtablet/kvpc_2.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 100%;color:#fff}
@media screen and (max-width:767px){.jsSectionKeyvisual .learningtablet .keyvisual{background-image:url(/wc/jsSectionKeyvisual/images/learningtablet/kvsp.png);background-size:cover}}.jsSectionKeyvisual .math .keyvisual{background-color:#d5e9e9;background-image:url(/wc/jsSectionKeyvisual/images/math/kvpc.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 100%;color:#001980}
@media screen and (max-width:767px){.jsSectionKeyvisual .math .keyvisual{background-image:url(/wc/jsSectionKeyvisual/images/math/kvsp.png);background-size:cover}}.jsSectionKeyvisual .learningtablet .keyvisual>.content>.area-report{margin-left:auto}
.jsSectionKeyvisual .smilezemi-campaign__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;padding:5vh 10px;text-align:center;animation:fadeIn .4s forwards}@keyframes fadeIn{0{visibility:hidden;opacity:0}
100%{visibility:visible;opacity:1}}.jsSectionKeyvisual .smilezemi-campaign__modal::after{display:inline-block;height:100%;margin-left:-0.05em;vertical-align:middle;content:""}
.jsSectionKeyvisual .smilezemi-campaign__modal__contents{position:relative;z-index:20;box-sizing:border-box;display:inline-block;width:100%;max-width:900px;overflow:hidden;text-align:left;vertical-align:middle;background:#fff;border-radius:15px;box-shadow:0 0 30px rgb(0 0 0 / 60%)}
.jsSectionKeyvisual .smilezemi-campaign__modal__content{max-height:80vh;overflow-y:auto}.jsSectionKeyvisual .smilezemi-campaign__modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:rgb(0 0 0 / 60%)}
.jsSectionKeyvisual .smilezemi-modal__close{color:#555 !important}.jsSectionKeyvisual .video_thumbnail{position:relative;width:100%;height:0;padding-top:56.25%}.jsSectionKeyvisual .video_thumbnail iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}
.jsSectionKeyvisual .portrait{position:relative;z-index:20;display:inline-block;width:100%;max-width:300px;max-height:90vh;margin:0 auto;overflow:hidden;overflow-y:auto;vertical-align:middle;border-radius:15px;box-shadow:0 0 30px rgb(0 0 0 / 60%)}
@media screen and (max-width:767px){.jsSectionKeyvisual .portrait{max-width:400px}}.jsSectionKeyvisual .portrait .video_thumbnail{padding-top:177%}.jsSectionKeyvisual .landscape{position:relative;z-index:20;display:inline-block;width:100%;max-width:900px;margin:0 auto;overflow:hidden;vertical-align:middle;border-radius:15px;box-shadow:0 0 30px rgb(0 0 0 / 60%)}
.jsModalDialog a.modal-dialog{color:#333;text-decoration:none;font:normal 14px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}@media screen and (max-width:767px){.jsModalDialog a.modal-dialog{font-size:14px}
}.jsModalDialog a.modal-dialog:hover,.jsModalDialog a.modal-dialog:active{text-decoration:none}.jsModalDialog ul.notice_list{font:normal 20px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}
@media screen and (max-width:767px){.jsModalDialog ul.notice_list{font-size:16px}}.jsModalDialog ul.notice_list li{padding-left:.5em;margin-bottom:10px;text-indent:-0.5em}.jsModalDialog .smilezemi-campaign__modal::after{display:inline-block;height:100%;margin-left:-0.05em;vertical-align:middle;content:""}
.jsModalDialog .smilezemi-campaign__modal__contents{position:relative;z-index:20;box-sizing:border-box;display:inline-block;width:100%;max-width:600px;text-align:left;vertical-align:middle;background:#fff;border-radius:2px;border-radius:10px;box-shadow:0 0 30px rgb(0 0 0 / 60%)}
.jsModalDialog .smilezemi-campaign__modal__contents .smilezemi-campaign__card-label{padding:5px 20px;border-radius:10px 10px 0 0}.jsModalDialog .smilezemi-campaign__modal__contents .smilezemi-campaign__card-label p{max-width:100%;padding:15px 0;margin:0}
.jsModalDialog .smilezemi-campaign__modal__content{max-height:80vh;overflow-y:auto}.jsModalDialog .smilezemi-campaign__modal__close{position:absolute;top:0;right:0;z-index:20;width:35px;font-size:20px;font-weight:700;line-height:35px;color:#95979c !important;text-align:center;text-decoration:none;text-indent:0}
.jsModalDialog .smilezemi-campaign__modal__close:hover{color:#2b2e38 !important}.jsModalDialog .smilezemi-campaign__modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:rgb(0 0 0 / 60%)}
.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-campaign__card-notice{width:calc(100% - 40px)}.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__img,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__movie--b0,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__img--b0,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__movie--col1,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__img--col1,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__movie--bd,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__img--bd{margin-top:20px}
.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__img img,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__movie--b0 img,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__img--b0 img,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__movie--col1 img,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__img--col1 img,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__movie--bd img,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-card__img--bd img{width:100%;max-width:450px;object-fit:contain}
.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-title-03 h2,.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-title-03 h3{margin-top:20px !important;font:bold 24px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif !important}
.jsModalDialog .smilezemi-campaign__modal__head p{width:100%;max-width:350px;padding:0 20px;margin:20px auto;font:normal 16px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif !important}
.jsModalDialog .smilezemi-campaign__modal__head .smilezemi-button01--webinar{margin-bottom:10px}.jsModalDialog .smilezemi-campaign__modal__body{padding:20px 15px 10px}.jsModalDialog .smilezemi-campaign__modal__block{padding:20px 10px;border-bottom:1px solid #ddd}
.jsModalDialog .smilezemi-campaign__modal__block.bt{border-top:1px solid #ddd}.jsModalDialog .smilezemi-campaign__modal__block .smilezemi-title-04{margin-bottom:10px}.jsModalDialog .smilezemi-campaign__modal__block .smilezemi-title-04 h4{color:#001980 !important}
.jsModalDialog .smilezemi-campaign__modal__block p{font:normal 20px/1.6 Helvetica,"Helvetica Neue",Arial,sans-serif !important}@media screen and (max-width:767px){.jsModalDialog .smilezemi-campaign__modal__block p{font-size:16px !important}
}.jsModalDialog .smilezemi-campaign__modal__block p+p{margin-top:10px}.jsModalDialog .smilezemi-campaign__modal__block p.smilezemi-campaign__modal__attention{margin-top:10px;font:normal 14px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif !important}
.jsModalDialog .smilezemi-campaign__modal__block p a{font:normal 20px/1 Helvetica,"Helvetica Neue",Arial,sans-serif !important;color:#03b !important;text-decoration:underline}.jsModalDialog .smilezemi-campaign__modal__block p a:hover{color:#03b !important;text-decoration:none !important}
@media screen and (max-width:767px){.jsModalDialog .smilezemi-campaign__modal__block p a{font:normal 16px/1 Helvetica,"Helvetica Neue",Arial,sans-serif !important}.jsModalDialog .smilezemi-campaign__modal__block p a span{font-size:16px !important}
}.jsModalDialog .smilezemi-campaign__modal__block__img img{width:100%;max-width:350px}.jsModalDialog .smilezemi-campaign__modal__block.last{border-bottom:0}.jsModalDialog .smilezemi-campaign__modal__body details{border-top:1px solid #ddd}
.jsModalDialog summary::-webkit-details-marker{display:none}.jsModalDialog .smilezemi-campaign__modal__body summary{position:relative;display:block;padding:10px;font:bold 26px/1.6 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#001980;cursor:pointer}
@media screen and (max-width:767px){.jsModalDialog .smilezemi-campaign__modal__body summary{font-size:20px !important}}.jsModalDialog .smilezemi-campaign__modal__body summary i{position:absolute;top:50%;right:10px;display:block;width:1.2em;height:1.2em;color:#fff;background:#676f95;border-radius:50%;transform:translateY(-50%)}
.jsModalDialog .smilezemi-campaign__modal__body summary i::before,.jsModalDialog .smilezemi-campaign__modal__body summary i::after{position:absolute;top:50%;left:50%;display:block;width:50%;height:0;content:"";border-top:2px solid;transform:translate(-50%,-50%);transform-origin:left top}
.jsModalDialog .smilezemi-campaign__modal__body details:not([open]) summary i::after{transform:rotate(90deg) translate(-50%,-50%)}.jsModalDialog .smilezemi-campaign__modal__body details>div{padding:10px 10px 20px}
.jsModalDialog .modal_keyvisual{display:block;width:100%;max-width:100% !important;margin:0 auto;border-radius:10px 10px 0 0}.jsModalDialog .smilezemi-modal__close{color:#555 !important}.smilezemi-button01--create a{background-color:#ee203d}
.jsModalDialog .smilezemi-campaign__modal__head{padding-bottom:0}.jsModalDialog summary a{font-size:16px}.jsModalDialog a.button{display:block;opacity:1 !important;transition:all .3s ease-out;transform:scale(1);animation-name:fadein;animation-timing-function:ease-out;animation-fill-mode:forwards}
.jsModalDialog a.button:hover{opacity:.9 !important;transition:all 100ms ease-out}.jsModalDialog a.button:active{opacity:.9 !important;transform:scale(0.98) !important}