header.pc{max-width:100vw;width:100%;max-height:100px;height:auto;background-color:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;overflow-y:hidden;z-index:1000;position:sticky;top:0}header.mobile{display:none}.logo{max-width:17%;width:100%;flex:0 0 auto;display:flex;justify-content:center}.logo img{max-height:60px;height:auto;width:auto;-o-object-fit:contain;object-fit:contain}.discipline{display:flex;justify-content:center;max-width:66%;width:100%;overflow:hidden;z-index:20}header.pc .discipline img{height:auto;z-index:10}header.pc .discipline a{display:block;position:relative;pointer-events:auto!important;z-index:30}header.pc .discipline a:nth-child(1) img,header.pc .discipline a:nth-child(2) img,header.pc .discipline a:nth-child(3) img,header.pc .discipline a:nth-child(4) img,header.pc .discipline a:nth-child(5) img{filter:grayscale(100%);transition:all .2s ease-in-out}header.pc .discipline a:nth-child(1) img:hover,header.pc .discipline a:nth-child(2) img:hover,header.pc .discipline a:nth-child(3) img:hover,header.pc .discipline a:nth-child(4) img:hover,header.pc .discipline a:nth-child(5) img:hover{filter:grayscale(0);transform:scale(1.05)}header.pc .discipline a.active img{filter:grayscale(0);cursor:auto;transform:scale(1.05)}.social{display:flex;justify-content:center;align-items:center;gap:20px;font-size:2em;color:#036db3;max-width:17%;width:100%}.links{display:none}.body-content{display:flex;margin:10px auto auto;justify-content:center;max-width:80vw;background:linear-gradient(-94deg black white)!important}.body-content span,.body-content .sous-menu-block{display:none}.body-content .sous-menu-block-pc{display:flex;justify-content:space-around}.body-content .sous-menu-block-pc .btn-group{width:75vw}.body-content .sous-menu-block-pc .btn{background-color:#fff;color:#4c6180;border:1px solid #4c6180;padding:10px 20px;font-size:16px;cursor:pointer;transition:all .3s ease;font-weight:600}.body-content .sous-menu-block-pc .btn:hover{background-color:#4c6180;color:#fff;border-color:#4c6180}.body-content .sous-menu-block-pc .btn-check:checked+.btn{background-color:#4c6180;color:#fff;border-color:#4c6180}.body-content .sous-menu-block-pc .btn-group .btn+.btn{margin-left:-1px}@media only screen and (min-width:868px) and (max-width:1023px){header.pc{max-height:70px;height:80%;transition:all .3s ease-in-out;position:sticky;top:0}.logo img{max-height:60px;height:90%}header.pc .discipline img{height:90px}.social{font-size:1.6em}}@media only screen and (max-width:867px){header.pc{display:none}header.pc .discipline,.social,.logo{display:none}header.mobile{display:block;max-width:100vw;width:100%;max-height:150px!important;height:60px!important;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;overflow-y:hidden;z-index:4000}header.mobile .logo{display:inline-flex;height:auto;align-items:center;margin:auto;z-index:10}header.mobile .logo img{max-height:44px;height:auto;max-width:100%;width:auto;display:block;-o-object-fit:contain;object-fit:contain;max-height:none}header.mobile .burger{display:block;position:absolute;right:40px;width:40px;background-color:#fff;border:solid 3px #036db3;border-radius:3px;z-index:30}header.mobile .bar{display:block;width:25px;height:3px;margin:5px auto;background-color:#036db3;transition:all .3s ease-in-out}header.mobile .burger.active .bar:nth-child(2){opacity:0}header.mobile .burger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}header.mobile .burger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.links{display:block;position:absolute;top:0;transform:translate(-870px);z-index:-1;transition:all .3s ease-in-out}.links.active{transform:translate(0);z-index:4000!important}.links.active .flex-1{opacity:0!important}.menu{background-color:#fff;text-align:center;height:auto;display:flex;justify-content:center;transition:all .3s ease-in-out}.menu.active{height:auto;transition:all 1s ease-in-out}.menu ul{list-style:none;margin-bottom:0;padding-left:0}.menu li{width:100vw;padding:22px 0;border-bottom:2px solid pink;font-size:1.5em}.menu li a{text-decoration:none;color:#000}.menu li:hover{background-color:#ffd7de}.body-content .sous-menu-block-pc{display:flex;align-items:center;margin:1em auto auto}.body-content .sous-menu-block-pc .btn-group{display:flex;align-items:center;width:90vw}}
