html{
    scroll-behavior: smooth;
}
:where(:not(iframe, canvas, img, svg, video):not(svg*, symbol*)) {
    all: unset;
    display: revert
}

*,
::after,
::before {
    box-sizing: border-box
}

a,
button {
    cursor: revert
}

menu,
ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

table {
    border-collapse: collapse
}

textarea {
    white-space: revert
}

meter {
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert
}

::-moz-placeholder {
    color: unset
}

::placeholder {
    color: unset
}

:where([hidden]) {
    display: none
}

:where([contenteditable]) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
}

:where([draggable=true]) {
    -webkit-user-drag: element;
}

html {
    font-family: sans-serif;
    font-size: 1em;
    line-height: 26px;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    color: #2e3136;
    margin: 0;
    padding: 0;
    background-color: #eceff4;
}

dd,
dl,
dt,
h1,
h2,
h3,
h4,
p {
    margin: 0
}

a {
    text-decoration: none;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}

img {
    height: auto;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

fieldset {
    border-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    background-image: url('/img/shareoffice-kanda/new-bg.webp');
    background-repeat: repeat;
    background-size: auto;
}
.wrapper--inner{
    margin-top: 0;
}
.wrapper--bg-blue{
    background-image: url('/img/shareoffice-kanda/bg-blue.webp');
    background-size: contain;
}

.common-bg{
    background: url('/img/shareoffice-kanda/new-bg.webp');
    background-repeat: repeat;
    background-size: auto;
}
.content {
    position: relative;
    overflow: hidden;
}


.md {
    display: none;
}

.sp {
    display: none;
}

@media (max-width:1280px) {
    .md {
        display: block;
    }
}

@media (max-width:768px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}

@keyframes checkboxAndRadioAnimation {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}
@font-face {
    font-family: 'Miama';
    src: url('/assets/font/miama.regular.ttf') format('truetype');
  }
.pc-only {
	display: block;
}

.sp-only {
	display: none;
}

@media only screen and (max-width: 668px) {
	.pc-only {
		display: none;
	}

	.sp-only {
		display: block;
	}
}


@keyframes slideUpFadeIn {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Base state (before scroll into view) */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.6s ease-out;
}

/* When in view */
.animate-on-scroll.in-view {
  animation: slideUpFadeIn 0.6s ease-out forwards;
  z-index: 6;
}

/* Optional: delay for images */
.image-animate.in-view img {
  animation-delay: 0.2s;
}