﻿.pagettl__cout .pagettl__cout-wp{background:url("/img/online_shinro_sodan/mv_sp.jpg") center/cover no-repeat}#contents .common__txt.center{text-align:center}#contents .common__txt .common__txt-ttl span{color:#F18D5F}#contents .common__txt .common__txt-sub{font-size:clamp(1.4rem, 1.9505851756vw, 1.6rem)}#contents .online__ttl{color:#2E49A5;font-size:clamp(1.8rem, 3.1209362809vw, 3rem);text-align:center;line-height:1.4;letter-spacing:0;font-family:FP-ヒラギノUD角ゴ StdN W6,"sans-serif"}.common__txt{margin-bottom:clamp(4rem, 10.4031209363vw, 12rem)}#merit{margin-bottom:clamp(4rem, 7.8023407022vw, 8rem)}#merit .online__ttl{margin-bottom:20px}#merit .merit__wp .merit__img{position:relative}#merit .merit__wp .merit__img--comment01,#merit .merit__wp .merit__img--comment02{position:absolute;opacity:0;transform:translateY(10%);transition:.3s}#merit .merit__wp .merit__img--comment01{top:-20%;left:-2%;width:54%}#merit .merit__wp .merit__img--main{position:relative;width:90%;margin:0 auto;opacity:0;transition:.3s}#merit .merit__wp .merit__img--comment02{top:44%;right:2%;width:50%;opacity:0}#merit .merit__wp .merit__img.on .merit__img--comment01,#merit .merit__wp .merit__img.on .merit__img--comment02{opacity:1;transform:translateY(0%)}#merit .merit__wp .merit__img.on .merit__img--main{opacity:1;transition-delay:.3s}#merit .merit__wp .merit__img.on .merit__img--comment01{transition-delay:.6s}#merit .merit__wp .merit__img.on .merit__img--comment02{transition-delay:1s}#merit .merit__wp .merit__list{margin-bottom:20%}#merit .merit__wp .merit__list li{display:flex;align-items:center;margin-bottom:clamp(1.5rem, 2.3407022107vw, 2rem);padding:.8em 1.1em;background:#FFF;box-sizing:border-box;font-size:clamp(1.4rem, 1.9505851756vw, 1.6rem);line-height:1.6}#merit .merit__wp .merit__list li:last-of-type{margin-bottom:0}#merit .merit__wp .merit__list li .num{margin-right:.5em;color:#2E49A5;font-size:clamp(2rem, 3.2509752926vw, 3rem);font-family:"DINNextLTPro-Medium";font-weight:600;line-height:1;letter-spacing:0}#event{margin-bottom:clamp(6rem, 10.4031209363vw, 10rem)}#event .online__ttl{margin-bottom:clamp(2rem, 4.5513654096vw, 5rem)}#event .event__list li{margin-bottom:clamp(5rem, 7.1521456437vw, 6rem)}#event .event__list li:last-of-type{margin-bottom:0}#event .event__list .event__list-img{margin-bottom:15px}#event .event__list .event__list-ttl{color:#2E49A5;font-size:clamp(1.5rem, 2.6007802341vw, 2.4rem);font-family:FP-ヒラギノUD角ゴ StdN W6,"sans-serif";line-height:1.5}#event .event__list .event__list-tag{padding-bottom:.25em}#event .event__list .event__list-tag li{display:inline-block;margin:5px 1em 0 0;padding:.4em .6em;border:1px solid;color:#2E49A5;font-size:clamp(1.3rem, 1.8205461638vw, 1.5rem);line-height:1}#event .event__list .event__list-txt{padding-top:.6em;margin-bottom:2em;font-size:clamp(1.2rem, 1.8205461638vw, 1.6rem);line-height:1.75}#event .event__list .event__list-btn a{padding:clamp(1.5rem, 2.3407022107vw, 2rem)}#etc{margin-bottom:clamp(3rem, 7.8023407022vw, 10rem)}#etc .online__ttl{margin-bottom:clamp(2rem, 3.9011703511vw, 4rem)}#etc .etc__box{margin-bottom:40px;padding-bottom:30px;background:#FFF;border-radius:20px 20px 0 0;filter:drop-shadow(0 0 6px rgba(0,0,0,0.15))}#etc .etc__box:last-of-type{margin-bottom:0}#etc .etc__box.gr .etc__box-ttl{background:#06C755}#etc .etc__box.gr .etc__box-ttl::after{background:url("/img/online_shinro_sodan/icon_line.svg") center/cover no-repeat}#etc .etc__box.gr .etc__box-point li::before{background:#06C755}#etc .etc__box.bl .etc__box-ttl{background:#4369A5}#etc .etc__box.bl .etc__box-ttl::after{background:url("/img/online_shinro_sodan/icon_tel.svg") center/cover no-repeat}#etc .etc__box.bl .etc__box-point li::before{background:#4369A5}#etc .etc__box.bl .etc__box-txt{margin-bottom:15px}#etc .etc__box .etc__box-ttl{position:relative;max-height:130px;margin-bottom:clamp(2rem, 2.8608582575vw, 2.5rem);padding:0.8em clamp(2rem, 10.4031209363vw, 12rem) 0.8em clamp(2rem, 3.2509752926vw, 3rem);box-sizing:border-box;border-radius:20px 20px 0 0;color:#FFF;font-size:clamp(2rem, 2.8608582575vw, 3rem);font-family:FP-ヒラギノUD角ゴ StdN W6,"sans-serif"}#etc .etc__box .etc__box-ttl::after{position:absolute;top:50%;right:1em;transform:translate(0, -50%);width:clamp(3rem, 6.5019505852vw, 6rem);aspect-ratio:1/1;content:''}#etc .etc__box .etc__box-ttl span{display:block;font-size:clamp(1.4rem, 1.5604681404vw, 1.6rem)}#etc .etc__box .etc__box-point{padding:0 20px;box-sizing:border-box;margin-bottom:.5em}#etc .etc__box .etc__box-point li{padding-left:1.2em;text-indent:-1.2em;margin-bottom:.75em;font-size:clamp(1.5rem, 2.0806241873vw, 1.8rem);font-family:FP-ヒラギノUD角ゴ StdN W6,"sans-serif";font-weight:600;line-height:1.6}#etc .etc__box .etc__box-point li::before{display:inline-block;width:.55em;height:.55em;border-radius:10px;margin-right:.65em;content:''}#etc .etc__box .etc__box-txt{margin-bottom:20px;line-height:1.75;padding:0 20px;box-sizing:border-box}#etc .etc__box .etc__box-tel{align-items:center;margin:clamp(.5rem, 1.0403120936vw, 1rem) 0 clamp(1rem, 2.6007802341vw, 2rem);padding:0 20px;box-sizing:border-box;text-align:center}#etc .etc__box .etc__box-tel .etc__box-tel-txt{margin-bottom:15px;font-family:FP-ヒラギノUD角ゴ StdN W6,"sans-serif";line-height:1.45;font-size:1.6rem}#etc .etc__box .etc__box-tel .etc__box-tel-txt br{display:none}#etc .etc__box .etc__box-tel .etc__box-tel-link{font-family:"DINNextLTPro-Medium";font-size:clamp(4.6rem, 7.8125vw, 7rem);line-height:1;letter-spacing:-0.1rem;white-space:nowrap}#etc .etc__box .etc__box-tel .etc__box-tel-link .link__attent{margin-top:5px;font-family:FP-ヒラギノUD角ゴ StdN W5,FP-HiraginoUDSansStdN-W5,Hiragino Sans,ヒラギノ角ゴシック,Meiryo,"sans-serif";font-size:1.1rem;letter-spacing:normal}#etc .etc__box .etc__box-btn{width:100%;max-width:none;padding:0 20px;box-sizing:border-box}#etc .etc__box .etc__box-btn a{padding:clamp(1.5rem, 1.8367346939vw, 2rem)}body.modal-open{height:100vh;overflow:hidden}.modal .modal__box{display:none;position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;color:#2E49A5}.modal .modal__box .etc__popup-ttl{font-size:clamp(2rem, 2.6530612245vw, 3rem)}.modal .modal__box .etc__popup-wp{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:940px;height:80vh;padding:20px;box-sizing:border-box;background:#FFF}.modal .modal__box .modal__box-bg{position:absolute;width:100vw;height:100vh;background:rgba(0,0,0,0.6)}.modal .modal__box .modal__box-close{position:absolute;right:0;top:0;transform:translate(50%, -50%);width:30px;height:30px;border:1px solid #20254B;border-radius:30px;background:#FFF;cursor:pointer}.modal .modal__box .modal__box-close::before,.modal .modal__box .modal__box-close::after{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);width:70%;height:2px;background:#20254B;content:''}.modal .modal__box .modal__box-close::after{transform:translate(-50%, -50%) rotate(-45deg)}.modal .modal__box .etc__popup-cont{height:90%;margin-top:5px;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.modal .modal__box .etc__popup-cont::-webkit-scrollbar{display:none}.modal .modal__box .etc__popup-box{border-bottom:1px solid #707070}.modal .modal__box .etc__popup-box:last-of-type{border:none}.modal .modal__box .etc__popup-box .etc__popup-name{position:relative;padding:.4em 0 .4em 10px;font-size:clamp(1.5rem, 2.0408163265vw, 2.4rem);line-height:1.6}.modal .modal__box .etc__popup-box .etc__popup-name::before,.modal .modal__box .etc__popup-box .etc__popup-name::after{display:block;position:absolute;top:50%;right:2%;transform:translate(0%, -50%);width:clamp(1.5rem, 2.3407022107vw, 2rem);height:clamp(.1rem, .1300390117vw, .2rem);background:#2E49A5;content:''}.modal .modal__box .etc__popup-box .etc__popup-name::after{transition:.3s;transform:translate(0%, -50%) rotate(90deg)}.modal .modal__box .etc__popup-box .etc__popup-name.active::after{transform:translate(0%, -50%) rotate(180deg)}.modal .modal__box .etc__popup-box .etc__popup-name.active+.etc__popup-list{display:block}.modal .modal__box .etc__popup-box .etc__popup-list{display:none}.modal .modal__box .etc__popup-box .etc__popup-list li{display:flex;justify-content:space-between;align-items:center;position:relative;border-bottom:1px solid #F5F5F5;padding:1.2em 0 1.2em 10px}.modal .modal__box .etc__popup-box .etc__popup-list li:last-of-type{border-bottom:none}.modal .modal__box .etc__popup-box .etc__popup-list li a{display:block}.modal .modal__box .etc__popup-box .etc__popup-list li .etc__popup-school{width:50%}.modal .modal__box .etc__popup-box .etc__popup-list li .etc__popup-school a{text-decoration:underline;line-height:1.5}.modal .modal__box .etc__popup-box .etc__popup-list li .etc__popup-line{position:absolute;right:0;top:50%;transform:translate(0, -50%);width:30%;max-width:145px}.modal .modal__box .etc__popup-box .etc__popup-list li .etc__popup-line::before{display:block;position:absolute;top:50%;right:0;transform:translate(0, -50%);width:100%;aspect-ratio:300/100;background:url("/img/online_shinro_sodan/line_friend.png") center/cover no-repeat;content:''}.modal .modal__box .etc__popup-box .etc__popup-list li .etc__popup-line a{position:relative;aspect-ratio:145/50}.modal .modal__box .etc__popup-box .etc__popup-list li .etc__popup-form{width:40%;max-width:280px}.modal .modal__box .etc__popup-box .etc__popup-list li .etc__popup-form a{padding:5px;box-sizing:border-box;background:#2E49A5;border:1px solid #2E49A5;border-radius:10px;color:#FFF;font-size:clamp(1.2rem, 1.8205461638vw, 1.6rem);text-align:center;line-height:1.4}@media screen and (min-width: 769px){.pagettl__cout .pagettl__cout-wp{background:url("/img/online_shinro_sodan/mv.jpg") center/cover no-repeat}#merit .online__ttl{margin-bottom:4%}#merit .merit__wp{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}#merit .merit__wp .merit__img{width:48%;margin:0}#merit .merit__wp .merit__img--comment01{top:-8%;left:-10%;max-width:225px}#merit .merit__wp .merit__img--comment02{right:6%;max-width:210px}#merit .merit__wp .merit__list{width:48%;margin:0}#event .event__list li{display:flex;justify-content:space-between;align-items:center}#event .event__list .event__list-img{width:46%;margin:0}#event .event__list .event__cont{width:50%}#event .event__list .event__list-btn a{max-width:340px}#etc .etc__box .etc__box-ttl .tab{display:none}#etc .etc__box .etc__box-point,#etc .etc__box .etc__box-txt,#etc .etc__box .etc__box-tel{padding:0 8.5%}#etc .etc__box .etc__box-tel{display:grid;justify-content:space-between;align-items:center;grid-template-columns:34% 64%;text-align:left}#etc .etc__box .etc__box-tel .etc__box-tel-txt{margin-bottom:0}#etc .etc__box .etc__box-tel .etc__box-tel-txt br{display:revert}#etc .etc__box .etc__box-btn{padding:0 8.5%}.modal .modal__box .etc__popup-wp{width:80%;padding:30px 4% 20px}.modal .modal__box .etc__popup-wp .etc__popup-cont{margin-top:0}.modal .modal__box .etc__popup-box .etc__popup-list li .etc__popup-form a{padding:10px 5px;box-sizing:border-box}.modal .modal__box .etc__popup-box .etc__popup-name{cursor:pointer;transition:.3s}.modal .modal__box .etc__popup-box .etc__popup-name:hover{background:rgba(46,73,165,0.15)}}@media screen and (min-width: 981px){#merit .online__ttl{margin-bottom:2%}#event .event__list .event__list-img{width:51.5%}#event .event__list .event__cont{width:42%}#etc .etc__wp{display:flex;justify-content:space-between}#etc .etc__box{display:flex;flex-direction:column;width:48%;margin:0}#etc .etc__box .etc__box-ttl{display:flex;flex-wrap:wrap;align-items:center;position:relative;height:4.5em;max-height:130px;line-height:1.2}#etc .etc__box .etc__box-ttl .tab{display:block}#etc .etc__box .etc__box-ttl span{width:100%;margin-top:2px}#etc .etc__box .etc__box-tel .etc__box-tel-link{font-size:clamp(2.8rem, 2.8571428571vw, 5rem)}#etc .etc__box-btn{margin:auto auto 0}}@media screen and (min-width: 1201px){#merit .merit__wp .merit__img--comment01{top:-12px;left:2%}#merit .merit__wp .merit__img--comment02{right:12%}#etc .etc__box .etc__box-ttl .tab{display:none}}
/*# sourceMappingURL=style.css.map */
