@charset "UTF-8";
  .sp_none {
display: block !important; }
.pc_none {
display: none !important; } @media screen and (max-width: 767px) {
.pc_none {
display: block !important; }
.sp_none {
display: none !important; } }
.sidecnv {
position: fixed;
right: -400px;
top: 340px;
max-width: 377px;
width: 100%;
transition: all 0.8s ease;
z-index: 9; }
.youtube_box {
position: fixed;
top: 100px;
right: -580px;
transition: all 0.8s ease;
z-index: 8;
max-width: 200px; }
.youtube_bnr {
height: fit-content;
transition: all 0.5s ease;
transform-origin: center; }
.youtube_translatex {
transition: .3S; }
.youtube_transform {
display: inline-block;
transform: scale(0.9, 0.9);
transition: all 0.5s ease; }
.youtube_transform:hover {
transform: scale(1, 1); }
.youtube_btn {
position: absolute;
top: 41px;
bottom: 0px;
left: 42px;
height: fit-content; } .rotation_animation {
animation: animName 20s linear infinite;
margin: 20px; }
@keyframes animName {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }