@charset "utf-8";body{overflow-x:hidden;background:#f2ce61;font-family:'Kosugi Maru',sans-serif;color:#595757;font-size:1rem;line-height:1.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;word-wrap:break-word;letter-spacing:.2em}body.appear{background:#eff7fa}ul{margin:0;padding:0;list-style:none}a{color:#595757;text-decoration:none;outline:0}img{width:100%;height:auto}*{box-sizing:border-box}#news article time,#page-top span,.header-area dl,.header-utility li:last-child a,.school-info li dl,h2 span{font-family:Lato,sans-serif}.inner{width:100%;margin:0 auto;padding:70px;padding-top:45px}@media screen and (max-width:940px){.inner{padding:70px 30px}}h2{text-align:center;margin:0 0 50px 0;font-size:1.1vw;line-height:1.5}h2 span{font-size:3.5vw;text-transform:uppercase;display:block}@media screen and (max-width:1130px){h2{font-size:.9rem}h2 span{font-size:2.5rem}}@media screen and (max-width:768px){h2{font-size:.8rem}h2 span{font-size:2rem}}#header{height:102vh;min-height:760px;max-height:900px;position:relative}#header h1 canvas,#header h1 img{width:100px;position:relative;left:1.8em}#header h1 .logo-image{width:30%;left:unset}.logo-nav{margin-bottom:10%;width:68%}.logo-iwatani-nav{width:50%;min-width:120px;margin:auto}.logo-footer{text-align:center;margin-bottom:40px}.logo-footer img{width:300px;max-width:95%}#header h1{font-size:1.2vw;color:#666;line-height:1.5;margin:0 0 50px 0;letter-spacing:.2em}#header h1 span{color:#91d2e5;display:block}.header-area{position:relative;z-index:2;top:30px;left:50px;animation-delay:.5s;height:100%}@media screen and (max-width:1200px){#header h1 canvas,#header h1 img{width:80px}#header h1{font-size:1.1rem}}@media screen and (max-width:940px){#header{height:690px;min-height:690px}.header-area{height:fit-content;min-height:unset;top:0;left:0}#header h1{text-align:center;width:230px;background:#fff;border-radius:0 0 10px 10px;padding:10px 0 10px 0;margin:0 auto;font-size:.7rem;border-bottom:7px solid #91d2e5}#header h1 canvas,#header h1 img{width:60px;left:inherit}#header h1 .logo-image{width:90%}.slider-item01{background:url(../img/IMG_main_01_sp.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.lead{display:none}}@media screen and (max-width:450px){#header h1{width:160px;font-size:.3em;padding:0 0}#header h1 img{width:46px}#header h1 .logo-image{width:94%}}.header-area .lead{position:relative;font-size:2vw;margin:0 0 26vh 0;font-weight:700}.header-area .sub-lead{width:50%;font-size:.9em;background-color:#fff;border:5px #91d2e5 solid;border-radius:15px;padding:12px;margin:0 auto 0 auto;position:absolute;left:25%;bottom:10%}.header-area .sub-lead::after{display:none}.lead-sp{display:none;text-align:center;margin-bottom:30px;position:unset}.header-area .sub-lead-sp{display:block;margin:auto;width:90%}@media screen and (max-width:1130px){.header-area .lead{font-size:1.2em}.header-area .sub-lead{font-size:1em}}@media screen and (max-width:940px){.header-area .lead{font-size:1.1em;padding:28vh 0 0 7vw}.header-area .sub-lead{font-size:1.5em}}@media screen and (max-width:450px){.header-area .lead{font-size:1em;padding:32vh 0 0 7vw}.header-area .sub-lead{font-size:.9em}}@media screen and (max-width:940px){.header-area .sub-lead{position:relative;bottom:0;left:0}.header-area .lead::after{display:none}.lead-sp{display:block}}.header-area .bg-white{background:#f0f0f0;padding:5px}.header-area .border-yellow{background:linear-gradient(transparent 75%,#ffec6e 60%)}.header-area .border-green{background:linear-gradient(transparent 75%,#80f593 60%)}.header-area .border-orange{background:linear-gradient(transparent 75%,#ef8575 60%)}.header-area .border-blue{background:linear-gradient(transparent 75%,#91d2e5 60%)}.header-area .address{font-size:1.2vw;margin:0 0 20px 0}.header-area dd,.header-area dt{display:inline-block;font-size:1.1vw}@media screen and (max-width:1300px){.header-area .address{font-size:1.2em}.header-area dd,.header-area dt{font-size:1em}}@media screen and (max-width:940px){.header-area .address,.header-area dl{display:none}}.header-utility{position:absolute;z-index:2;top:0;right:80px;background:#f2ce61;font-weight:700;display:flex;border-radius:0 0 10px 10px}.header-utility li{position:relative}.header-utility li a{display:block;padding:20px 20px 20px 50px;transition:all .3s}.header-utility li .pcnone{display:none}.header-utility li a:hover{color:#666}@media screen and (max-width:940px){.header-utility{position:fixed;z-index:3;top:inherit;right:inherit;bottom:0;width:100%;border-radius:0}.header-utility li{text-align:center}.header-utility li a{padding:15px 15px 15px 40px}.header-utility li:first-child a,.header-utility li:last-child a{background-position:16px center}}@media screen and (max-width:560px){.header-utility li:first-child a,.header-utility li:last-child a{background-position:20px center}.header-utility li .spnone{display:none}.header-utility li .pcnone{display:block}}.badge{position:absolute;z-index:2;right:30px;bottom:70px;background:url(../img/badge.svg) no-repeat center;background-size:cover;width:180px;height:180px;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s}.badge-inner{position:absolute;z-index:3;right:30px;bottom:70px;width:180px;height:180px;display:flex;justify-content:center;align-items:center;text-align:center;color:#595757;font-weight:700;transition:all .3s}.badge-inner:hover{bottom:75px}@media screen and (max-width:940px){.badge,.badge-inner{width:145px;height:145px;font-size:.9rem}}@media screen and (max-width:450px){.badge,.badge-inner{width:118px;height:118px;font-size:.7rem;bottom:85px;right:0}.badge-inner:hover{bottom:90px}}#g-nav ul{display:flex;justify-content:space-around;flex-wrap:wrap}#g-nav.panelactive ul li{position:relative;width:33%;text-align:left;white-space:nowrap}@media screen and (max-width:960px){#g-nav.panelactive ul li{width:48%}}#g-nav li a{padding:15px 20px}#g-nav li a:hover{color:#2d6c80}#g-nav.panelactive ul li::before{display:block;content:'';width:5px;height:5px;background:#595757;position:absolute;left:-10px;top:43%}@media screen and (max-width:777px){#g-nav.panelactive ul li{width:100%;text-align:center}#g-nav.panelactive ul li::before{display:none}}.slider{position:absolute;top:30px;right:30px;width:75%;border:7px solid #91d2e5;border-radius:20px;overflow:hidden}@media screen and (max-width:1130px){.slider{width:70%}}@media screen and (max-width:940px){.slider{height:614px;width:94%;right:2%}}.slider-item{border-radius:10px}#concept{background:url(../img/flag_01.png) no-repeat left top,url(../img/flag_02.png) no-repeat right top;background-size:250px auto;padding-bottom:0;max-width:1800px}@media screen and (max-width:1300px){#concept{background-size:200px auto}}@media screen and (max-width:768px){#concept{background-size:150px auto}}@media screen and (max-width:400px){#concept{background-size:130px auto}}#concept h2 span{color:#91d2e5}#concept .concept-area{position:relative;padding:80px 0;padding-bottom:0}#concept .concept-img{width:30%;margin:0 auto;animation-delay:.4s}#concept .concept-area img{border-radius:50%;min-width:380px}#concept .concept-area ul{animation-delay:.5s}#concept .concept-area ul li{position:absolute;font-size:2vw;padding:0 0 0 3.7vw;background-size:40px 40px}#concept .concept-area ul li img{border-radius:0;height:80px}#concept .concept-area ul li:nth-child(n+4)::after{left:10px}#concept .concept-area ul li:nth-child(1){top:15%;left:11%;transform:rotate(13deg);animation-delay:.1s}#concept .concept-area ul li:nth-child(2){top:39%;left:11%;transform:rotate(3deg);animation-delay:.2s}#concept .concept-area ul li:nth-child(3){top:60%;left:10%;transform:rotate(-15deg);animation-delay:.3s}#concept .concept-area ul li:nth-child(4){top:10%;right:5%;transform:rotate(-17deg);animation-delay:.4s}#concept .concept-area ul li:nth-child(5){top:37%;right:1%;transform:rotate(-1deg);animation-delay:.5s}#concept .concept-area ul li:nth-child(6){top:63%;right:3%;transform:rotate(15deg);animation-delay:.6s}@media screen and (max-width:1900px){#concept .concept-area ul li img{height:70px}#concept .concept-area ul li:nth-child(1){top:15%;left:11%}#concept .concept-area ul li:nth-child(2){top:39%;left:11%}#concept .concept-area ul li:nth-child(3){top:60%;left:10%}#concept .concept-area ul li:nth-child(4){top:10%;right:6%}#concept .concept-area ul li:nth-child(5){top:37%;right:5%}#concept .concept-area ul li:nth-child(6){top:63%;right:6%}}@media screen and (max-width:1700px){#concept .concept-area ul li img{height:70px}#concept .concept-area ul li:nth-child(1){top:21%;left:7%}#concept .concept-area ul li:nth-child(2){top:40%;left:6%}#concept .concept-area ul li:nth-child(3){top:60%;left:7%}#concept .concept-area ul li:nth-child(4){top:14%;right:4%}#concept .concept-area ul li:nth-child(5){top:37%;right:3%}#concept .concept-area ul li:nth-child(6){top:63%;right:4%}}@media screen and (max-width:1550px){#concept .concept-area ul li img{height:65px}#concept .concept-area ul li:nth-child(1){top:21%;left:7%}#concept .concept-area ul li:nth-child(2){top:40%;left:6%}#concept .concept-area ul li:nth-child(3){top:60%;left:7%}#concept .concept-area ul li:nth-child(4){top:14%;right:1%}#concept .concept-area ul li:nth-child(5){top:37%;right:-2%}#concept .concept-area ul li:nth-child(6){top:63%;right:1%}}@media screen and (max-width:1400px){#concept .concept-area ul li img{height:50px}#concept .concept-area ul li:nth-child(1){top:21%;left:7%}#concept .concept-area ul li:nth-child(2){top:40%;left:6%}#concept .concept-area ul li:nth-child(3){top:60%;left:7%}#concept .concept-area ul li:nth-child(4){top:14%;right:-1%}#concept .concept-area ul li:nth-child(5){top:37%;right:-2%}#concept .concept-area ul li:nth-child(6){top:63%;right:-1%}}@media screen and (max-width:1200px){#concept .concept-area img{width:100%;min-width:100%}#concept .concept-area ul li img{height:80px}#concept .concept-area{padding:0}#concept .concept-img{width:50%;margin:0 auto 30px auto}#concept .concept-area ul li:nth-child(n){left:8%;margin:5px 0;font-size:.9em;background-size:38px 38px}#concept .concept-area ul li{position:relative;font-size:1rem;top:inherit!important;right:inherit!important;transform:none!important;line-height:40px;padding-left:45px}#concept .concept-area ul li:after{display:none!important}}@media screen and (max-width:400px){#concept .concept-area ul li:nth-child(n){left:0;margin:0 0}#concept .concept-area ul li img{height:40px}}.concept-btn{text-align:center;padding:50px 0 0 0}#concept .smooth{animation-name:smoothAnime;animation-duration:.1s;animation-fill-mode:forwards;transform-origin:left;opacity:0}@keyframes smoothAnime{from{transform:translate3d(0,100%,0) skewY(50deg);opacity:0}to{transform:translate3d(0,0,0) skewY(0);opacity:1}}#greeting{margin:0 0 200px 0}@media screen and (max-width:960px){#greeting{margin:0 0 100px 0}}.greeting-area{display:flex;justify-content:space-between;flex-wrap:wrap}.greeting-area p{margin:0 0 30px 0}.greeting-area .txt-r{text-align:right}.greeting-lead{font-weight:700;font-size:1.2rem}.greeting-img{width:50%}.greeting-img img{animation:fluidrotate 30s ease 0s infinite}.greeting-content{width:40%}@media screen and (max-width:768px){.greeting-area{display:block}.greeting-img{width:60%;margin:0 auto}.greeting-content{width:100%;padding:0 30px 0 70px}}@media screen and (max-width:550px){.greeting-content{padding:0}.greeting-img{width:100%}}#news{position:relative;padding:50px 0 100px 0;margin:0 0 160px 0}@media screen and (max-width:840px){#news{margin:0;padding:50px 0}}#news:after{position:absolute;z-index:-1;content:'';top:10px;left:-30%;width:150%;height:680px;background:#91d2e5;transform:rotate(-5deg)}#news .news-area{background:#fff;padding:40px;box-shadow:10px 10px 0 rgba(0,0,0,.5);width:70%;margin:0 auto;border-radius:10px}#news h2{color:#fff}#news li a{transition:all .3s}#news li a:hover{color:#666}#news article{display:flex;flex-wrap:wrap;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #595757}#news article time{padding:0 2em 0 0;color:#666;font-size:.8rem}#news article h3{font-size:1rem}@media screen and (max-width:840px){#news .news-area{width:90%}#news article h3,#news article time{width:100%}}#news .icon-01,#news .icon-01 canvas{position:absolute;bottom:-50px;right:50px;width:100px}#news .icon-02,#news .icon-02 canvas{position:absolute;top:-60px;right:88px;width:80px}#news .icon-03,#news .icon-03 canvas{position:absolute;bottom:-130px;left:80px;width:200px}#news .icon-04,#news .icon-04 canvas{position:absolute;top:10px;left:50px;width:100px}#course{position:relative;margin:0 0 100px 0}#course h2{background-color:#fff;width:fit-content;margin:0 auto 70px auto;left:50%;border:2px #595757 solid;padding:15px;border-radius:6px}#course .icon-01,#course .icon-01 canvas{position:absolute;bottom:-50px;right:50px;width:100px;z-index:-1}#course .icon-02,#course .icon-02 canvas{position:absolute;top:-35px;right:88px;width:80px;z-index:-1}#course .icon-03,#course .icon-03 canvas{position:absolute;bottom:10px;left:80px;width:200px;z-index:-1}#course .icon-04,#course .icon-04 canvas{position:absolute;top:-35px;left:50px;width:100px;z-index:-1}@media screen and (max-width:840px){#course{margin:0}}@media screen and (max-width:700px){#course h2{width:98%;margin:0 auto 70px auto;left:50%;padding:11px;border-radius:6px}#news .icon-01,#news .icon-01 canvas{width:80px;bottom:inherit;top:-623px}#news .icon-02,#news .icon-02 canvas{width:60px;right:89px;top:-406px}#news .icon-03,#news .icon-03 canvas{width:180px;left:10px;bottom:inherit;top:-22px}#news .icon-04,#news .icon-04 canvas{width:80px;top:-516px}#course .icon-01,#course .icon-01 canvas{width:80px;bottom:inherit;top:-2px}#course .icon-02,#course .icon-02 canvas{width:60px;right:32px;top:1700px}#course .icon-03,#course .icon-03 canvas{width:180px;left:10px;bottom:inherit;top:1169px}#course .icon-04,#course .icon-04 canvas{width:80px;top:4px}}@media screen and (max-width:500px){#news .icon-01,#news .icon-01 canvas{width:60px;right:10px}#news .icon-02,#news .icon-02 canvas{width:45px;right:10px;top:-489px}#news .icon-03,#news .icon-03 canvas{width:140px;left:0}#news .icon-04,#news .icon-04 canvas{width:60px;left:10px;top:-516px}#course .icon-01,#course .icon-01 canvas{width:60px;right:10px;top:-3px;z-index:-1}#course .icon-02,#course .icon-02 canvas{width:45px;right:10px;top:1362px}#course .icon-03,#course .icon-03 canvas{width:140px;left:0;top:-3px;z-index:-1}#course .icon-04,#course .icon-04 canvas{width:60px;left:10px;top:1362px}}#course:after{position:absolute;z-index:-1;content:'';top:280px;left:-30%;width:150%;height:400px;background:#ef8575;transform:rotate(5deg)}.course-list{display:flex;justify-content:space-around;flex-wrap:wrap}.course-list section{width:43%;background:#fff;position:relative;box-shadow:10px 10px 0 rgba(0,0,0,.1);margin:0 0 50px 0;padding:20px 20px 50px 20px;border-radius:10px}.course-list section:nth-child(2){animation-delay:.2s}.course-list section:nth-child(3){animation-delay:.4s}@media screen and (max-width:840px){.course-list section{width:46%}}@media screen and (max-width:680px){.course-list section{width:100%}.course-list section:nth-child(2),.course-list section:nth-child(3),.course-list section:nth-child(4),.course-list section:nth-child(5){animation-delay:0s}}.course-list section .bg-yellow{display:inline-block;position:absolute;left:-9px;top:-20px;z-index:2;padding:3px 5px;font-size:.9rem;transform:rotate(-12deg);border-top-left-radius:20px}.course-list section .course-img{padding-top:70%;background-size:cover!important}.course-list section:nth-of-type(1) .course-img{background:url(../img/IMG_course_01.jpg) no-repeat center;background-size:cover}.course-list section:nth-of-type(2) .course-img{background:url(../img/IMG_course_02.jpg) no-repeat center;background-size:cover}.course-list section:nth-of-type(3) .course-img{background:url(../img/IMG_course_03.jpg) no-repeat center;background-size:cover}.course-list section:nth-of-type(4) .course-img{background:url(../img/IMG_course_04.jpg) no-repeat center;background-size:cover}.course-list section h3{font-size:1.3rem;text-align:center;border-bottom:5px double #595757;margin:30px 0 0 0;padding:0 0 20px 0}@media screen and (max-width:1090px){.course-list section h3{font-size:.8em}}@media screen and (max-width:1090px){.course-list section h3{font-size:1em}}@media screen and (max-width:500px){.course-list section h3{font-size:.6em}}.course-type{position:relative;background:#91d2e5;box-shadow:0 0 0 5px #91d2e5;border:dashed 2px #fff;padding:.2em .5em;color:#454545}.course-type:after{position:absolute;content:'';left:-7px;top:-7px;border-width:0 0 15px 15px;border-style:solid;border-color:#fff rgba(255,255,255,0) #2d6c80;box-shadow:1px 1px 1px rgba(0,0,0,.15)}.collabo-img{width:98%;display:flex;flex-wrap:wrap}.collabo-txt{font-size:1.5vw;text-transform:none}@media screen and (max-width:1130px){.collabo-txt{font-size:1.3rem}}@media screen and (max-width:940px){.collabo-txt{font-size:1.2rem}}@media screen and (max-width:450px){.collabo-txt{font-size:.9rem}}#campaign{display:none;position:relative;margin:0 0 30px 0;background:url(../img/flag_01.png) no-repeat left top,url(../img/flag_02.png) no-repeat right top;background-size:250px auto}.campaign-message{text-align:center}@media screen and (max-width:1300px){#campaign{background-size:200px auto}}@media screen and (max-width:768px){#campaign{background-size:150px auto}}@media screen and (max-width:400px){#campaign{background-size:130px auto}}#campaign:after{position:absolute;z-index:-1;content:'';top:195px;left:-30%;width:150%;height:400px;background:#ffec6e}.campaign-add section{background:unset;box-shadow:none;width:33%}.course-list section .campaign-img{padding-top:100%;background-size:contain;width:100%}.course-list section:nth-of-type(1) .campaign-img{background:url(../img/step_01.svg) no-repeat center}.course-list section:nth-of-type(2) .campaign-img{background:url(../img/step_02.svg) no-repeat center}.course-list section:nth-of-type(3) .campaign-img{background:url(../img/step_03.svg) no-repeat center}.course-list section:nth-of-type(1) .campaign-img::after,.course-list section:nth-of-type(2) .campaign-img::after{position:absolute;z-index:1;content:'';top:40%;left:100%;width:10%;height:20%;background:url(../img/arrow_01.svg) no-repeat center}@media screen and (max-width:840px){#campaign{margin:138px 0 0 0}.campaign-add section{width:46%}}@media screen and (max-width:545px){.campaign-add section{width:100%}.course-list section:nth-of-type(1) .campaign-img::after,.course-list section:nth-of-type(2) .campaign-img::after{top:90%;left:40%;width:20%;background:url(../img/arrow_02.svg) no-repeat center}}.img-gallery{background:url(../img/border.png) repeat-x top left,url(../img/border.png) repeat-x bottom left;background-size:189px 31px;padding:50px 0}.img-gallery img{border-radius:10px}.img-gallery-txt{text-align:center;margin:0 0 40px 0;font-size:1.4em}.click-img{width:100%;max-width:300px}#contact{background:url(../img/bg_footer.jpg) no-repeat center;background-size:cover;color:#fff;display:flex;justify-content:center;align-items:center;padding:100px 30px;padding-bottom:0;display:none}#contact h2{font-size:2rem;position:relative;margin:0 0 50px 0}#contact .contact-detail br{display:none}@media screen and (max-width:1090px){#contact h2{font-size:1.5rem}}@media screen and (max-width:600px){#contact .contact-detail h2 br{display:block}}#contact h2::after{content:"";background:#fff;width:15%;height:5px;position:absolute;left:40%;bottom:-20px}#contact p{text-align:center;margin:0 0 50px 0}@media screen and (max-width:400px){#contact .contact-detail h2{font-size:1.3rem}#contact .contact-detail p br{display:block}}#contact ul{display:flex;justify-content:center;flex-wrap:wrap}#contact ul li{padding:0 20px 20px 0}#footer{background:#91d2e5;color:#fff}#footer a{color:#fff}.footer-area{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.school-info{width:40%;text-align:center}.school-info span{display:block;font-size:1.7rem;font-weight:700;line-height:1.5}.school-info dt.footer-title,.school-info li:first-of-type{margin:0 0 10px 0}.school-info li dt{margin:0 10px 0 0}.school-info li dd,.school-info li dt{display:inline-block}.footer-sitemap{width:60%}.footer-sitemap ul{display:flex;flex-wrap:wrap;margin:0 0 20px 0;font-size:.9rem}@media screen and (max-width:400px){.footer-sitemap ul{font-size:.7rem}}@media screen and (max-width:300px){.footer-sitemap{min-width:240px}}.footer-sitemap li{padding:10px 20px}.footer-sitemap li a{position:relative;padding:0 0 0 10px}.footer-sitemap li a:before{position:absolute;top:40%;left:-10px;content:'';width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}small{display:block;text-align:center}@media screen and (max-width:1090px){.footer-area{align-items:flex-start}.school-info{width:40%}.footer-sitemap{width:56%}}@media screen and (max-width:940px){small{text-align:center}#page-top{position:relative;text-align:center;right:inherit;bottom:inherit;margin:50px auto 30px auto;width:80px;animation:none!important;transform:none!important;opacity:1}}@media screen and (max-width:768px){.footer-sitemap,.school-info{width:100%}.school-info{text-align:center;margin:0 0 70px 0;padding:0 0 70px 0;border-bottom:1px solid rgba(255,255,255,.8)}.school-info span{font-size:1.3rem}}.confetti-canvas{width:100%;position:absolute;left:0}#video{text-align:center;position:relative}#video h3{padding-top:50px;background-color:#fff;width:fit-content;display:inline-block;margin:0 auto 25px auto;left:50%;border:2px #595757 solid;padding:15px 50px;border-radius:6px}.video-tile{background:#595757;text-align:center;width:26vw;height:calc(27vw*.562467);padding:.5vw;margin-bottom:20px}#video-howto{width:50vw}#video-howto div{width:51vw;height:calc(52vw*.562467)}#video-howto div video{width:100%}.video-tile video{width:25vw}#video:after{position:absolute;z-index:-1;content:'';top:200px;left:-30%;width:150%;height:392px;background:#2d6c80;transform:rotate(5deg)}@media screen and (max-width:530px){#video-howto div,.video-tile{width:calc(var(--variable-width) + -20px);height:inherit}#video-howto div video,.video-tile video{height:100%;width:100%}}.smoothTrigger{opacity:0}.video-list{display:flex;justify-content:space-around;flex-wrap:wrap}.video-list section{width:30%;position:relative}.video-list section:nth-child(2){animation-delay:.2s}.video-list section:nth-child(3){animation-delay:.4s}@media screen and (max-width:840px){.video-tile{width:43vw;height:calc(43vw*.562467)}.video-tile video{width:42vw}.video-list section{width:43vw}}@media screen and (max-width:545px){#video-howto,.video-tile{width:81vw;height:calc(81vw*.562467)}.video-tile video{width:80vw}.video-list section{width:81vw}.video-list section:nth-child(2),.video-list section:nth-child(3){animation-delay:0s}}.video-list section .bg-yellow{display:inline-block;position:absolute;left:-9px;top:-20px;z-index:2;padding:3px 5px;font-size:.9rem;transform:rotate(-12deg)}.video-list section .video-img{padding-top:70%;background-size:cover!important}.video-list section:nth-of-type(1) .video-img{background:url(../img/course_01.png) no-repeat center;background-size:cover}.video-list section:nth-of-type(2) .video-img{background:url(../img/course_02.png) no-repeat center;background-size:cover}.video-list section:nth-of-type(3) .video-img{background:url(../img/course_03.png) no-repeat center;background-size:cover}.video-list section h3{font-size:1.3rem;text-align:center;border-bottom:5px double #595757;margin:30px 0 0 0;padding:0 0 20px 0}@media screen and (max-width:1090px){.video-list section h3{font-size:1rem}}#point{background:url(../img/flag_01.png) no-repeat left top,url(../img/flag_02.png) no-repeat right top;background-size:250px auto;position:relative;height:131vh}#point h2{margin:0}#point .window{width:43%;position:relative}#point .window{width:43%;height:28vh;position:relative}#point .point-center{width:80%;height:40vh;top:7vh}#point .window .point-img{width:50vw;height:50vh;max-width:450px;margin:0 auto;padding-top:25%;background-size:contain}#point .point-list{display:flex;justify-content:space-around;flex-wrap:wrap}.point-list section:nth-of-type(1) .point-img{background:url(../img/IMG_feature_02.png) no-repeat center;background-size:cover}.point-list section:nth-of-type(2) .point-img{background:url(../img/IMG_feature_03.png) no-repeat center;background-size:cover}.point-list section:nth-of-type(3) .point-img{background:url(../img/IMG_feature_01.png) no-repeat center;background-size:cover}.point-list section:nth-of-type(4) .point-img{background:url(../img/IMG_feature_04.png) no-repeat center;background-size:cover}.point-list section:nth-of-type(5) .point-img{background:url(../img/IMG_feature_05.png) no-repeat center;background-size:cover}#point .window .point-list section:nth-of-type(3){width:80%}#point:after{position:absolute;z-index:-1;content:'';top:220px;left:-30%;width:150%;height:545px;background:#ffec6e;transform:rotate(-8deg)}@media screen and (max-width:1300px){#point{background-size:200px auto;height:160vh}#point .point-center{top:17vh;height:62vh}}@media screen and (max-width:768px){#point{background-size:150px auto;height:136vh}#point .window{top:5vh;height:37vh}}@media screen and (max-width:500px){#point{background-size:130px auto;height:230vh}#point .window{width:108%;height:40vh}#point .window .point-img{width:95%;height:40vh}}#point .window section:nth-child(2){animation-delay:.2s}#point .window section:nth-child(3){animation-delay:.4s}.recipe-mask{overflow:hidden;margin:10px 8px 10px 16px;position:relative}.recipe-mask .caption{width:100%;height:100%;visibility:hidden;font-size:130%;position:absolute;top:0;left:0;text-align:center;-webkit-transition:all .1s step-end;transition:all .1s step-end}.recipe-mask:hover .caption{visibility:visible}.recipe-mask .caption p{font-size:2vw;padding-top:20px;color:#fff;opacity:0}.recipe-mask :hover{cursor:pointer}.recipe-mask:hover .caption p{opacity:1}.recipe-mask .mask1,.recipe-mask .mask2{width:50%;height:30%;position:absolute;top:0;background-color:#ef857599;-webkit-transition:all .1s ease;transition:all .1s ease}.recipe-mask .mask1{left:-50%;border-top-left-radius:10px}.recipe-mask:hover .mask1{left:0}.recipe-mask .mask2{right:-50%;border-top-right-radius:10px}.recipe-mask:hover .mask2{right:0}@media screen and (max-width:1060px){.recipe-mask .caption p{font-size:2vw;padding-top:25px}}@media screen and (max-width:426px){.recipe-mask .caption p{font-size:2.5vw;padding-top:12px}}.tooltip{position:fixed;cursor:pointer;padding:0 5px;font-size:1.2em;color:#4682b4;z-index:9999;top:10px;right:10px;width:60px;height:60px}.balloon_bottom{width:300px;position:absolute;top:80%;left:50%;transform:translateX(-50%);margin-top:15px;padding:8px;border-radius:10px;background-color:#666;font-size:1em;color:#fff;text-align:center;visibility:hidden;opacity:0;z-index:1;transition:.2s all}.tooltip:hover .balloon_bottom{top:100%;left:-180%;visibility:visible;opacity:1}