@charset "UTF-8";
   .p-mainVisual .p-mainVisual__imgLayer, .p-mainVisual .c-filterLayer::before, .p-mainVisual .c-filterLayer::after, .p-mainVisual .swiper-wrapper {
position: fixed;
} .top #content {
padding-top: 0em; 
}
.l-content {
margin: 0 auto;
} #header {
position: fixed!important;
margin-top: 20px;
} .l-footer {
z-index: 1;
bottom: 0;
width: 100%;
} .tate {
writing-mode: vertical-rl;
} @media screen and (min-width: 960px) {
.l-header__menuBtn.sp_ {
display: block!important;
position: relative;
top: 5px; //表示位置
}
.p-spMenu {
display: block!important;
}
.p-spMenu__inner {
max-width: 700px; //幅を設定
}     
}
.hamburger-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f5f5f5;
z-index: 9999;
display: none; }
.menu-inner {
display: flex;
justify-content: space-between;
padding: 0px 10%;
height: 100%;
}
.menu-left, .menu-right {
display: flex;
flex-direction: column;
gap: 25px;
}
.menu-left a, .menu-right a {
font-size: 20px;
letter-spacing: 2px;
text-decoration: none;
color: #111;
}
.menu-left a:hover, .menu-right a:hover {
opacity: 0.6;
}
.sns {
margin-top: 40px;
display: flex;
gap: 15px;
font-size: 14px;
} div.c-widget__title.-spmenu {
display: none !important;
} .course-card .p-postList__item {
display: flex;
flex-direction: column;
height: 100%;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
transition: 0.3s;
} .course-card .p-postList__item:hover {
transform: translateY(-6px);
box-shadow: 0 12px 30px rgba(0,0,0,0.12);
} .course-card .p-postList__body {
display: flex;
flex-direction: column;
flex: 1;
padding: 16px;
} .course-card .p-postList__title {
font-weight: bold;
margin-bottom: 8px;
} .course-card .p-postList__excerpt {
flex-grow: 1;
font-size: 14px;
line-height: 1.6;
} .course-card .course-price {
display: block;
margin-top: 12px;
font-size: 20px;
font-weight: bold;
color: #111;
} .tooltip-top, .tooltip-right, .tooltip-warning {
position: relative; border-bottom: none; cursor: help; color:#ca2f2f;
} .tooltip-top::after, .tooltip-right::after, .tooltip-warning::after {
content: attr(data-tooltip); position: absolute;  background: #ca2f2f; color: #fff; padding: 10px; border-radius: 5px; width: 200px; text-align: center; white-space: normal; font-size: 14px; line-height: 1.5;  opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease; z-index: 1000; } .tooltip-top:hover::after, .tooltip-right:hover::after, .tooltip-warning:hover::after {
opacity: 1;
visibility: visible;
} .tooltip-top::after {
bottom: 100%;
left: 50%;
transform: translateX(-50%);
margin-bottom: 10px;
} .tooltip-right::after {
top: 50%;
left: 100%;
transform: translateY(-50%);
margin-left: 10px;
} .tooltip-warning::after {
background: #fffbe6;
color: #8a6d3b;
}