@charset "utf-8";html{font-size:62.5%;line-height:1.8;font-family:'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ ゴシック',sans-serif;text-align:center;scroll-behavior:smooth}body,figure{margin:0}a:link{color:#004794;text-decoration:none}a:visited{color:#0051A9;text-decoration:none}a:hover{color:#FF8C00;text-decoration:underline}a:active{color:#FF8C00;text-decoration:underline}*,*::before,::after{box-sizing:border-box}.slider{overflow:hidden;position:relative;height:40vh}.slide1,.slide2,.slide3,.slide4,.slide5{position:absolute;width:100%;height:100%}.slide1{background:url(/st2/club/sommerschule/img/slide_01.jpg) center / cover;animation:fade 18s -0s infinite;animation-timing-function:ease-in-out}.slide2{background:url(/st2/club/sommerschule/img/slide_02.jpg) center / cover;animation:fade 18s -6s infinite;animation-timing-function:ease-in-out}.slide3{background:url(/st2/club/sommerschule/img/slide_03.jpg) center / cover;animation:fade 18s -12s infinite;animation-timing-function:ease-in-out}@keyframes fade{0%{opacity:0}20%{opacity:1}33%{opacity:1}53%{opacity:0}100%{opacity:0}}.menu-wrapper{z-index:1;position:fixed;top:0;left:0;width:250px}.menu-wrapper .btn-trigger{z-index:2;cursor:pointer;position:absolute;top:0;left:0;opacity:0;height:48px;width:48px}.menu-wrapper .draw-menu{z-index:1;position:absolute;top:0;left:0;height:48px;width:48px;background:#000;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-wrapper .draw-menu>div{position:relative;top:0;left:0;width:100%;height:2px;background:#fff;flex:none;display:flex;align-items:center;justify-content:center;transition:0.6s}.menu-wrapper .draw-menu>div:before,.menu-wrapper .draw-menu>div:after{z-index:1;content:"";position:absolute;top:10px;left:0;background:inherit;height:2px;width:100%}.menu-wrapper .draw-menu>div:after{top:-10px}.menu-wrapper .btn-trigger:checked+.draw-menu>div{transform:rotate(135deg)}.menu-wrapper .btn-trigger:checked+.draw-menu>div:before,.menu-wrapper .btn-trigger:checked+.draw-menu>div:after{top:0;transform:rotate(90deg)}.menu-wrapper .btn-trigger:checked:hover+.draw-menu>div{transform:rotate(225deg)}.menu{position:fixed;top:0;left:0;background:rgb(0,0,0,.8);height:100vh;width:0;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0}.menu>div{position:relative;top:0;left:0;height:100%;width:100%;flex:none;display:flex;justify-content:center;opacity:0;transition:opacity 0.6s ease-in}.menu ul{list-style:none;margin-block-start:48px;margin-inline-start:-40px}.menu li{font-size:1.5rem;line-height:1.4}.menu li:not(:first-child){border-top:1px solid rgba(255,255,255,.6)}.menu>div a{text-decoration:none;color:#fff;font-size:1.5rem;opacity:0;transition:opacity 1s ease-in;display:block;padding:1.5em 3.8em;text-decoration:inherit;transition:color 0.3s ease-in;transition:background .6s}.menu a:hover{background:#000}.menu-wrapper .btn-trigger:checked~.menu{opacity:1;width:250px;transition:all var(--menu-speed) ease}.menu-wrapper .btn-trigger:checked~.menu>div{opacity:1;transition:opacity 0.6s ease-in}.menu-wrapper .btn-trigger:checked~.menu>div a{opacity:1;transition:opacity 1s ease-in}.nav_wrapper{width:100%;background-color:#000;list-style-type:none}.navbar{display:inline-block;margin-bottom:-5px;background-color:#000;overflow:auto}.navbar a{float:left;text-align:center;padding:12px;color:#fff;text-decoration:none;font-size:1.5rem}.navbar a:hover{background-color:#555}.active{background-color:#34BF8C}@media screen and (max-width:767px){.nav_wrapper{display:none}}@media screen and (min-width:768px){.menu-wrapper{display:none}}@media all and (max-width:480px){header h1{font-size:4rem}}main{padding:0em 16px 4em;font-size:1.6rem;text-align:left}main h1,main .lead,main section{max-width:768px;margin:2em auto}main h1,main h2,main h3{line-height:1.4}main h1{margin-bottom:1em;font-size:3rem}h2{font-size:2.4rem;padding:.5em;color:#494949;background:#FFDEE9;border-left:solid 5px #FF91B6}h3{font-size:2.2rem}h4{font-weight:700;margin-bottom:-1em}name{font-weight:700;margin-bottom:-1em}.btn_wrapper{margin-bottom:2em}.btn,a.btn,button.btn{font-size:1.6rem;font-weight:700;line-height:1.8;position:relative;display:inline-block;padding:1rem 4rem;cursor:pointer;text-align:center;vertical-align:middle;text-decoration:none;letter-spacing:.1em;color:#545F62;border-radius:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all 0.3s;transition:all 0.3s}.btn-gray,a.btn-gray{color:#fff;background-color:#90999C}.btn-gray:hover,a.btn-gray:hover{color:#fff;background:#AFB6B8}footer{padding:20px 16px}footer .copyright small{color:#555;font-size:1.5rem}.flag_deu{width:220px;height:132px;background-image:linear-gradient(180deg,#000 0,#000 33%,#FF0000 33%,#FF0000 67%,#FFCC00 67%,#FFCC00 100%)}.info dl{padding:0 0;border-bottom:1px solid #ccc}.info dt{padding-bottom:5px}@media screen and (min-width:768px){.info dt{clear:left;float:left;width:10%}.info dd{margin-left:15%}}#scrollUp{background-image:url(/st2/club/sommerschule/img/top.png);bottom:15px;right:15px;height:50px;width:50px;text-indent:-9999px}#scrollUp:hover{opacity:.8}.box_1{padding:0em 1em;margin:2em 0;background:#FFFEE2;border:1px solid #eee}.notes_1 ul,ol{background:#f8f8f8;padding:.5em .5em .5em 2em;border:solid 1px #ddd;margin:1.5em 0;font-size:1.6rem}.notes_1 ul li,ol li{line-height:1.8;padding:.5em 0}.mo_no{font-weight:700;margin-bottom:-.5em}table.tbl-01{margin-bottom:2em;width:100%;table-layout:fixed;border-collapse:collapse}table.tbl-01 th{background:#eee;border:solid 1px #ccc;padding:10px}table.tbl-01 td{border:solid 1px #ccc;padding:10px}table.tbl-01 td,table.tbl-01 th{border:1px solid #eee}table.tbl-01 td,th{padding:.5em .5em .5em 1em;width:100%;height:100%}table.tbl-01 tr:nth-child(1){background-color:#eee;padding:2px}table.tbl-01 td{overflow-wrap:break-word}table.tbl-02{table-layout:fixed;width:100%;margin-top:1.5em;margin-bottom:1em;border-collapse:collapse}table.tbl-02 th{background:#eee;border:solid 1px #ccc;padding:10px}table.tbl-02 td{border:solid 1px #ccc;padding:10px;overflow:hidden}table.tbl-02 th{width:25%}table.tbl-02 td{overflow-wrap:break-word}@media screen and (max-width:640px){.last td:last-child{border-bottom:solid 1px #ccc;width:100%}table.tbl-02 th{width:100%;text-align:center}table.tbl-02 th,table.tbl-02 td{border-bottom:none;display:block}}