@charset "utf-8";
/* ====================
loading
==================== */
.loading-wrapper {
    width: 100%;
    height: 100vh;
    background-color: var(--gray);
    position: fixed;
    opacity: 1;
    z-index: 1000;
}

.loading {
    width: 53.3vw;
    max-width: 200px;
    aspect-ratio: 1.504;
    perspective: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loading__inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.loading__main {
    width: 90%;
    aspect-ratio: var(--aspectRatio-horizontal);
    background-image: var(--bg-main);
    box-shadow: var(--dropShadow);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 100;
}

.loading__topic {
    font-family: var(--sub-font);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.0;
    letter-spacing: 0.15em;
    text-align: center;
}

.loading__cover {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transform-origin: top;
    z-index: 300;
}

.loading__front-top, .loading__back-top {
    backface-visibility: hidden;
    box-shadow: var(--dropShadow);
    position: absolute;
    top: 0;
    left: 0;
}

.loading__back-top {
    transform: rotateX(-180deg);
}

.loading__back-bottom {
    box-shadow: var(--dropShadow);
    position: absolute;
    bottom: 0;
    left: 0;
}

.loading__front-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
}


/* ====================
home
==================== */
.home-wrapper {
    min-height: 100vh;
    transition: background-color 1.0s;
}

.home-wrapper.style-changed {
    background-color: var(--darkGray);
}

.home {
    margin: 0 auto;
    height: clamp(700px, 100vh, 900px);
    position: relative;
}

.home::before {
    content: '';
    display: block;
    width: clamp(552px, 62.5vw, 900px);
    height: 100%;
    mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201080%20671.15%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20%7D%20.cls-2%20%7B%20clip-path%3A%20url(%23clippath)%3B%20%7D%20%3C%2Fstyle%3E%20%3CclipPath%20id%3D%22clippath%22%3E%20%3Crect%20class%3D%22cls-1%22%20width%3D%221080%22%20height%3D%22671.15%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cg%20class%3D%22cls-2%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M774.14%2C609.78c-10.84-4.26-22.01-10.8-31.84-17.15-23.73-15.35-28.24-22.83-36.58-50.1-4.08-13.33-7.08-26.88-9-40.7-7.59-7.07-18.26-8.72-26.07-15.72-16.76-15.02-12.28-48.59-11.93-69.04-21.52-8.36-26.31-25.14-24.65-46.74.28-3.7%2C3.96-20.24%2C3.67-21.28-.23-.83-2.6-.58-3.5-2.58s-3.66-12.05-4.26-14.77c-1.24-5.59-2.58-13.7-2.5-19.36.14-11.41%2C16.39-40.89%2C25.53-47.69%2C8.69-6.47%2C24.68-6.25%2C35.22-7.08%2C3.05-25.96%2C12.39-50.73%2C24.9-73.5%2C17.79-32.37%2C43.33-60.42%2C62.05-92.02%2C21.38-36.1%2C34.79-73.16%2C44.64-113.85%2C8.62-35.62%2C16.07-71.81%2C17.18-108.6l10.27-2.39c.47%2C21.76-2.24%2C43.56-6.24%2C64.9-11.4%2C60.76-27.6%2C119.86-60.72%2C172.62-18.33%2C29.2-41.75%2C55.36-58.3%2C85.97-11.42%2C21.12-18.82%2C42.76-24.69%2C66.02%2C15.68%2C2.27%2C47.85-3.21%2C52.21%2C18.19.29%2C1.41-.85%2C3.69.11%2C4.9.16.2%2C3.56%2C1.17%2C4.66%2C1.86%2C19.59%2C12.41%2C7.37%2C26.28-1.34%2C41.07%2C33.03%2C8.47%2C16.36%2C44.98%2C3.79%2C64.35%2C7.77%2C1.87%2C13.39%2C5.98%2C18.19%2C12.28%2C14.99%2C19.63%2C15.97%2C54.39%2C14.76%2C78.24-.25%2C4.92-2.6%2C15.5-2.05%2C19.34.2%2C1.37%2C2.62%2C3.85%2C4.07%2C4.29%2C2.55-11.93%2C3.47-24.15%2C6.07-36.09s7.04-23.7%2C9.85-35.72c-13.32-25.15-24.55-51.2-29.58-79.44-7.37-41.35-12.25-121.11-4.78-162.05%2C1.18-6.46%2C5.02-25.86%2C13.95-24.65%2C8.45%2C1.14%2C1.7%2C9.76.52%2C12.93-11.75%2C31.47-6.06%2C117.32-1.74%2C152.29%2C4.58%2C37.11%2C15.58%2C67.37%2C32.92%2C100.14-6.61%2C24.44-13.51%2C47.21-15.67%2C72.75-.32%2C3.84.05%2C18.9-1.52%2C20.57-5.9%2C6.28-8.96-4.48-12-7.85-3.69-4.09-11.02-7.64-12.64-13.31-1.63-5.7%2C2.55-30%2C2.36-38.87-.38-17.32-3.07-47.27-16.43-59.56-6.6-6.07-15.9-7.15-22.98-1.2-8.68%2C7.29-16.77%2C41.99-20.81%2C54.44-3.99%2C12.32-12.32%2C27.88-11.96%2C40.94.45%2C16.1%2C11.32%2C58.86%2C21.17%2C71.55%2C9.59%2C12.35%2C31.37%2C20.92%2C43.78%2C30.78.97-8.59.74-17.24%2C2-25.84%2C1.3-8.87%2C8.07-36.83%2C15.03-41.85%2C4.75-3.43%2C9.96-.78%2C8.97%2C5.07-.28%2C1.65-4.81%2C8.49-6.08%2C11.56-8.76%2C21.11-12.47%2C55.17-2.42%2C76.12%2C10.53%2C21.96%2C26.6%2C32.79%2C42%2C7.28%2C9.21-15.26%2C16.26-35.49%2C25.29-51.89%2C10.28-18.68%2C23.74-35.75%2C30.16-56.3%2C3.52-11.26%2C5.45-23.12%2C8.8-34.45%2C10.2-34.55%2C23.1-66.1%2C47.15-93.48%2C3.28-2.52%2C7.81.49%2C7.8%2C4.16-.01%2C4.07-15.33%2C23.17-18.69%2C28.73-20.62%2C34.15-23.58%2C66.86-35.94%2C102.65-6.18%2C17.89-18.71%2C34.21-27.92%2C50.74-10.26%2C18.41-25.72%2C60.78-41.5%2C71.16-27.1%2C17.85-49.2-20.16-52.76-42.72ZM641.18%2C333.41c4.14-5.42%2C3.46-26.08%2C13.24-24.77%2C7.42%2C1%2C2.5%2C9.41%2C1.61%2C12.94-4.7%2C18.75-15.17%2C50.24-10.3%2C68.71%2C1.38%2C5.23%2C7.43%2C12.49%2C12.31%2C14.74%2C7.45%2C3.43%2C11%2C.56%2C11.73%2C12.04%2C1.22%2C19.18-7.14%2C51.69%2C12.23%2C64.63%2C4.27%2C2.85%2C10.13%2C4.6%2C14.47%2C7.54l26.11-81.02c3.29-13.62%2C17.64-17.4%2C24.67-26.62%2C7.05-9.25%2C21.46-37.01%2C9.41-46.05-7.31-5.48-15.6-1.82-22.78%2C1.5-10.84%2C5.01-36.61%2C19.59-42.21%2C29.62-3.07%2C5.49-8.38%2C27.83-15.18%2C27.77-9.21-.09-2.86-9.08-1.45-12.84%2C3.17-8.48%2C5.98-20.56%2C12.05-27.19%2C7.8-8.52%2C24.86-17.85%2C35.25-23.56%2C8.24-4.53%2C17.09-6.11%2C22.4-13.84%2C7.32-10.64%2C16.66-25.7-3.09-28.1-14.08-1.71-37.12%2C10.5-51.99%2C13.55-6.15%2C1.26-14.89%2C3.81-13.75-5.43.54-4.37%2C14.7-6.09%2C19.11-7.45%2C14.26-4.42%2C28.09-10.51%2C43.16-11.63-.29-4.78-2.82-6.15-6.9-7.45-12.59-4.02-55.53-2.95-67.99%2C1.04-4.9%2C1.57-9.39%2C8.32-12.23%2C12.59-10.1%2C15.18-17.15%2C31.03-9.88%2C49.31Z%22%2F%3E%20%3Cpath%20d%3D%22M869.04%2C613.22c-5.62.96-7.65-4.93-4.36-8.94%2C13.06-13.05%2C25.87-26.33%2C39.24-39.07%2C20.71-19.74%2C46.1-38.78%2C65.36-58.99%2C46.24-48.53%2C25.57-113.52%2C19.34-172.13-1.96-18.39-1.97-37.18-3.43-55.63-.93-11.75-3.65-24.3-4.3-36.18-1.85-33.73%2C8.76-72.5%2C17.79-104.93%2C23.72-85.11%2C55.77-169.95%2C92.52-250.21%2C11.33-24.76%2C26.04-60.09%2C41.05-81.95%2C2.61-3.8%2C6.91-10.36%2C12.24-8.95%2C10.93%2C2.88-.73%2C11.59-3.5%2C15.47-13.82%2C19.41-28.57%2C55.35-38.94%2C77.9-34.39%2C74.8-63.75%2C151.92-87.09%2C230.94-10.54%2C35.7-25.22%2C83.07-23.25%2C120.16.63%2C11.79%2C3.38%2C24.46%2C4.3%2C36.18%2C1.45%2C18.44%2C1.48%2C37.25%2C3.43%2C55.63%2C4.35%2C41.09%2C14.36%2C74.82%2C8.02%2C116.95-8.31%2C55.23-36.59%2C68.63-74.04%2C103.17-21.66%2C19.98-42.52%2C40.81-64.39%2C60.57Z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M253.1%2C652.5c-15.77-10.39-31.24-52.75-41.5-71.16-9.21-16.53-21.74-32.85-27.92-50.74-12.36-35.78-15.32-68.5-35.94-102.65-3.36-5.56-18.67-24.66-18.69-28.73-.01-3.67%2C4.52-6.68%2C7.8-4.16%2C24.06%2C27.39%2C36.95%2C58.93%2C47.15%2C93.48%2C3.34%2C11.33%2C5.28%2C23.19%2C8.8%2C34.45%2C6.43%2C20.55%2C19.88%2C37.62%2C30.16%2C56.3%2C9.03%2C16.4%2C16.07%2C36.63%2C25.29%2C51.89%2C15.4%2C25.51%2C31.47%2C14.68%2C42-7.28%2C10.04-20.95%2C6.33-55.01-2.42-76.12-1.27-3.07-5.8-9.91-6.08-11.56-.99-5.84%2C4.22-8.5%2C8.97-5.07%2C6.95%2C5.03%2C13.73%2C32.99%2C15.03%2C41.85%2C1.26%2C8.61%2C1.02%2C17.25%2C2%2C25.84%2C12.41-9.86%2C34.19-18.43%2C43.78-30.78%2C9.85-12.69%2C20.73-55.45%2C21.17-71.55.36-13.05-7.96-28.62-11.96-40.94-4.04-12.44-12.13-47.15-20.81-54.44-7.07-5.94-16.38-4.87-22.98%2C1.2-13.36%2C12.29-16.05%2C42.23-16.43%2C59.56-.19%2C8.87%2C3.99%2C33.18%2C2.36%2C38.87-1.62%2C5.68-8.95%2C9.23-12.64%2C13.31-3.04%2C3.37-6.09%2C14.13-12%2C7.85-1.57-1.67-1.2-16.74-1.52-20.57-2.16-25.54-9.06-48.31-15.67-72.75%2C17.34-32.77%2C28.34-63.03%2C32.92-100.14%2C4.32-34.97%2C10.01-120.81-1.74-152.29-1.18-3.16-7.93-11.79.52-12.93%2C8.93-1.21%2C12.77%2C18.19%2C13.95%2C24.65%2C7.47%2C40.94%2C2.59%2C120.7-4.78%2C162.05-5.03%2C28.23-16.26%2C54.29-29.58%2C79.44%2C2.81%2C12.02%2C7.22%2C23.64%2C9.85%2C35.72%2C2.6%2C11.94%2C3.52%2C24.16%2C6.07%2C36.09%2C1.45-.44%2C3.87-2.92%2C4.07-4.29.55-3.84-1.8-14.42-2.05-19.34-1.21-23.85-.23-58.61%2C14.76-78.24%2C4.81-6.3%2C10.42-10.41%2C18.19-12.28-12.58-19.37-29.25-55.88%2C3.79-64.35-8.71-14.79-20.93-28.66-1.34-41.07%2C1.1-.7%2C4.5-1.67%2C4.66-1.86.96-1.21-.18-3.49.11-4.9%2C4.36-21.39%2C36.53-15.92%2C52.21-18.19-5.87-23.25-13.26-44.89-24.69-66.02-16.55-30.6-39.97-56.77-58.3-85.97-33.12-52.76-49.32-111.85-60.72-172.62-4.01-21.34-6.71-43.14-6.24-64.9l10.27%2C2.39c1.11%2C36.79%2C8.56%2C72.98%2C17.18%2C108.6%2C9.85%2C40.69%2C23.26%2C77.75%2C44.64%2C113.85%2C18.71%2C31.59%2C44.26%2C59.65%2C62.05%2C92.02%2C12.52%2C22.77%2C21.85%2C47.54%2C24.9%2C73.5%2C10.54.84%2C26.53.61%2C35.22%2C7.08%2C9.14%2C6.81%2C25.39%2C36.28%2C25.53%2C47.69.07%2C5.66-1.27%2C13.77-2.5%2C19.36-.6%2C2.73-3.35%2C12.73-4.26%2C14.77s-3.27%2C1.75-3.5%2C2.58c-.29%2C1.04%2C3.38%2C17.58%2C3.67%2C21.28%2C1.66%2C21.6-3.13%2C38.39-24.65%2C46.74.35%2C20.44%2C4.84%2C54.01-11.93%2C69.04-7.81%2C7-18.48%2C8.65-26.07%2C15.72-1.92%2C13.82-4.92%2C27.37-9%2C40.7-8.34%2C27.26-12.85%2C34.75-36.58%2C50.1-9.82%2C6.35-21%2C12.89-31.84%2C17.15-3.56%2C22.56-25.66%2C60.57-52.76%2C42.72ZM428.94%2C284.1c-2.84-4.27-7.33-11.01-12.23-12.59-12.46-3.99-55.39-5.07-67.99-1.04-4.08%2C1.3-6.61%2C2.67-6.9%2C7.45%2C15.07%2C1.12%2C28.9%2C7.21%2C43.16%2C11.63%2C4.41%2C1.37%2C18.57%2C3.08%2C19.11%2C7.45%2C1.14%2C9.24-7.61%2C6.69-13.75%2C5.43-14.87-3.04-37.91-15.26-51.99-13.55-19.75%2C2.4-10.4%2C17.46-3.09%2C28.1%2C5.32%2C7.73%2C14.16%2C9.31%2C22.4%2C13.84%2C10.39%2C5.71%2C27.45%2C15.04%2C35.25%2C23.56%2C6.07%2C6.63%2C8.88%2C18.71%2C12.05%2C27.19%2C1.4%2C3.76%2C7.76%2C12.75-1.45%2C12.84-6.8.06-12.11-22.27-15.18-27.77-5.6-10.03-31.38-24.61-42.21-29.62-7.18-3.32-15.48-6.98-22.78-1.5-12.05%2C9.04%2C2.36%2C36.8%2C9.41%2C46.05%2C7.03%2C9.22%2C21.38%2C13%2C24.67%2C26.62l26.11%2C81.02c4.33-2.94%2C10.2-4.69%2C14.47-7.54%2C19.37-12.94%2C11.01-45.45%2C12.23-64.63.73-11.48%2C4.28-8.6%2C11.73-12.04%2C4.88-2.25%2C10.94-9.52%2C12.31-14.74%2C4.86-18.47-5.61-49.95-10.3-68.71-.88-3.53-5.81-11.95%2C1.61-12.94%2C9.78-1.31%2C9.1%2C19.35%2C13.24%2C24.77%2C7.27-18.28.22-34.13-9.88-49.31Z%22%2F%3E%20%3Cpath%20d%3D%22M210.96%2C613.22c5.62.96%2C7.65-4.93%2C4.36-8.94-13.06-13.05-25.87-26.33-39.24-39.07-20.71-19.74-46.1-38.78-65.36-58.99-46.24-48.53-25.57-113.52-19.34-172.13%2C1.96-18.39%2C1.97-37.18%2C3.43-55.63.93-11.75%2C3.65-24.3%2C4.3-36.18%2C1.85-33.73-8.76-72.5-17.79-104.93C57.6%2C52.26%2C25.55-32.58-11.2-112.84c-11.33-24.76-26.04-60.09-41.05-81.95-2.61-3.8-6.91-10.36-12.24-8.95-10.93%2C2.88.73%2C11.59%2C3.5%2C15.47%2C13.82%2C19.41%2C28.57%2C55.35%2C38.94%2C77.9C12.33-35.56%2C41.69%2C41.56%2C65.03%2C120.57c10.54%2C35.7%2C25.22%2C83.07%2C23.25%2C120.16-.63%2C11.79-3.38%2C24.46-4.3%2C36.18-1.45%2C18.44-1.48%2C37.25-3.43%2C55.63-4.35%2C41.09-14.36%2C74.82-8.02%2C116.95%2C8.31%2C55.23%2C36.59%2C68.63%2C74.04%2C103.17%2C21.66%2C19.98%2C42.52%2C40.81%2C64.39%2C60.57Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: bottom;
    background-color: var(--black);
    position: absolute;
    top: clamp(140.5px, 50%, 330px);
    left: 50%;
    transform: translate(-50%, -100%);
    transition: background-color 1.0s;
}

.home.style-changed::before {
    background-color: var(--gray);
}

.card {
    aspect-ratio: var(--aspectRatio-vertical);
    width: clamp(240px, 27.7vw, 400px);
    perspective: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.card-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform 1.0s;
    transform-style: preserve-3d;
    transform-origin: center;
}

.card.is-flipped .card-inner {
    transform: rotateY(180deg);
}

.mainVisual, .menu {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(10px, 1.38vw, 20px) 0;
    box-shadow: var(--dropShadow);
    position: absolute;
    backface-visibility: hidden;
    top: 0;
    left: 0;
}

.mainVisual {
    background-image: var(--bg-main);
}

.menu-openBtn, .menu-closeBtn {
    width: clamp(40px, 3.47vw, 50px);
    height: clamp(40px, 3.47vw, 50px);
    margin: 0 clamp(10px, 1.38vw, 20px) 0 auto;
}

.mainVisual__group {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mainVisual__logo, .menu__logo {
    margin: 0 auto;
    width: 30px;
    height: 30px;
}

.mainVisual__position {
    margin-top: 5px;
    font-family: var(--sub-font);
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: 300;
    line-height: 1.5;
}

.mainVisual__topic {
    margin-top: 30px;
    font-size: clamp(2.4rem, 2.22vw, 3.2rem);
    font-weight: 700;
    line-height: 1.0;
    letter-spacing: 0.3em;
    text-align: center;
}

.mainVisual__topic span {
    display: block;
    margin-top: 15px;
    font-family: var(--sub-font);
    font-size: clamp(1.4rem, 1.25vw, 1.8rem);
    font-weight: 500;
    letter-spacing: 0.3em;
}

.mainVisual__portfolio {
    font-family: var(--sub-font);
    font-size: clamp(1.0rem, 1.11vw, 1.6rem);
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
}

.mainVisual__portfolio span {
    display: block;
    font-size: clamp(1.6rem, 2.22vw, 3.2rem);
}

.menu {
    background-color: var(--blue);
    transform: rotateY(180deg);
}

.menu__list {
    display: flex;
    flex-direction: column;
    gap: clamp(30px, 5.5vh, 50px);
}

.menu__item a {
    color: var(--white);
    font-size: clamp(1.6rem, 1.38vw, 2.0rem);
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: 0.15em;
    display: flex;
    gap: clamp(15px, 2.08vw, 30px);
}

.menu__item div{
    width: clamp(50px, 5.55vw, 80px);
    height: 2px;
    background-color: var(--white);
    transform: translateY(calc(-50% + (clamp(0.8rem, 0.69vw, 1.0rem))));
}

.menu__item span {
    display: block;
    margin-top: clamp(10px, 1.04vw, 15px);
    font-family: var(--sub-font);
    font-size: clamp(1.2rem, 0.97vw, 1.4rem);
    letter-spacing: 0.15em;
}

.loopTxt {
    display: flex;
    position: absolute;
    bottom: clamp(80px, 10.4vw, 150px);
    left: calc(50% - 50vw);
}

.loopTxt-inner {
    padding-right: 50px;
    font-family: var(--sub-font);
    font-size: clamp(32px, 8.88vw, 128px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    color: var(--lightGray);
    text-shadow: 0.5px 0 0 var(--darkGray), 0 0.5px 0 var(--darkGray), -0.5px 0 0 var(--darkGray), 0 -0.5px 0 var(--darkGray);
    white-space: nowrap;
    transition: text-shadow 1.0s, color 1.0s;
}

.loopTxt.style-changed .loopTxt-inner {
    color: var(--darkGray);
    text-shadow: 0.5px 0 0 var(--white), 0 0.5px 0 var(--white), -0.5px 0 0 var(--white), 0 -0.5px 0 var(--white);    
}

/* js */
.js-fv01 {
    transform: translate(-50%, 0%);
    opacity: 0;
}

.js-fv02 {
    transform: rotateX(0deg);
}

.js-fv03{
    transform: translate(-50%, 0);
}

.js-fv04{
    opacity: 1;
}

.js-fv05{
    opacity: 0;
}

.js-fv06 {
    transform: translate(0, -100%);
}

.js-fv07 {
    opacity: 0;
}