@font-face {
    font-family: YuGothicM;
    src: local('Yu Gothic Medium');
}

:root {
    --z-lv-1: 1;
    --z-lv-2: 10;
    --z-lv-3: 100;
    --z-lv-4: 1000;
    --z-lv-5: 10000;
    --z-lv-6: 100000;
    --z-lv-7: 1000000;
    --z-lv-8: 10000000;
    --z-lv-9: 100000000;
    --z-lv-10: 1000000000;
    --z-behindLv-1: -1;
    --z-behindLv-2: -10;
    --z-behindLv-3: -100;
    --z-behindLv-4: -1000;
    --z-behindLv-5: -10000;
    --z-behindLv-6: -100000;
    --z-behindLv-7: -1000000;
    --z-behindLv-8: -10000000;
    --z-behindLv-9: -100000000;
    --z-behindLv-10: -1000000000;
    --fontFamily-base: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
    --fontFamily-mincho: Georgia, 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;
    --fontFamily-mono: monospace, serif;
    --fontWeight-thin: 100;
    --fontWeight-extraLight: 200;
    --fontWeight-light: 300;
    --fontWeight-normal: 400;
    --fontWeight-medium: 500;
    --fontWeight-semiBold: 600;
    --fontWeight-bold: 700;
    --fontWeight-extraBold: 800;
    --fontWeight-black: 900;
    --easeIn-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
    --easeOut-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
    --easeInOut-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --easeIn-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --easeOut-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --easeInOut-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --easeIn-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --easeOut-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --easeInOut-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --easeIn-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --easeOut-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --easeInOut-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --easeIn-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --easeOut-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --easeInOut-quint: cubic-bezier(0.86, 0, 0.07, 1);
    --easeIn-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --easeOut-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --easeInOut-expo: cubic-bezier(1, 0, 0, 1);
    --easeIn-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --easeOut-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
    --easeInOut-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --easeIn-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --easeOut-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --easeInOut-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --size-ipad-long: 1024px;
    --size-ipad-short: 768px;
    --size-ipadPro10inch-long: 1112px;
    --size-ipadPro10inch-short: 834px;
}

@keyframes funyafunya {
    0% {
        border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
    }

    12.5% {
        border-radius: 80% 30% 50% 50%/50%;
    }

    25% {
        border-radius: 40% 40% 50%/30% 50% 50%;
    }

    37.5% {
        border-radius: 20% 30% 56% 70%/80% 50% 70% 20%;
    }

    50% {
        border-radius: 5%;
    }

    62.5% {
        border-radius: 3%;
    }

    75% {
        border-radius: 2%;
    }

    86.5% {
        border-radius: 1%;
    }

    to {
        border-radius: 0;
    }
}

@media (min-width: 768px) {
    .-hidden-pc {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .-hidden-sp {
        display: none !important;
    }
}

.-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

.head__text {
    margin-top: 30px;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 767px) {
    .head__text {
        margin-top: 20px;
    }
}

.head__text .color-red {
    color: red;
}

.input-dl > dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .input-dl > dl {
        display: block;
    }
}

@media (max-width: 767px) {
    .input-dl > dl {
        display: block;
    }
}

.input-dl > dl:not(:first-of-type) {
    margin-top: 5px;
}

.input-dl > dl > dd {
    width: 450px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .input-dl > dl > dd {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .input-dl > dl > dd {
        width: 100%;
    }
}

.input-flex ul {
    display: flex;
    flex-wrap: wrap;
}

.input-flex ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
}

.facility__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .facility__item {
        display: block;
    }
}

@media (max-width: 767px) {
    .facility__item {
        display: block;
    }
}

.facility__item:not(:first-of-type) {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .facility__item:not(:first-of-type) {
        margin-top: 20px;
    }
}

.facility__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 36%;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .facility__head {
        justify-content: flex-start;
        width: auto;
    }
}

@media (max-width: 767px) {
    .facility__head {
        justify-content: flex-start;
        width: auto;
    }
}

.facility__head-title {
    flex: 1 1;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .facility__head-title {
        flex: none;
    }
}

@media (max-width: 767px) {
    .facility__head-title {
        flex: none;
    }
}

.facility__body {
    display: flex;
    flex: 1 1;
    align-items: center;
    justify-content: flex-end;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .facility__body {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .facility__body {
        flex-wrap: wrap;
        margin-top: 10px;
    }
}

.facility__body.hide {
    visibility: hidden;
}

@media (max-width: 767px) {
    .facility__body.hide {
        display: none;
    }
}

.facility__radio,
.facility__text {
    margin-left: 10px;
}

.facility__text {
    display: flex;
    align-items: center;
    width: 50%;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .facility__text {
        width: auto;
    }
}

@media (max-width: 767px) {
    .facility__text {
        width: calc(50% - 10px);
        margin-right: 10px;
        margin-left: 0;
    }
}

.facility__text > div,
.facility__text input {
    flex: 1 1;
}

.form dl dd .facility__text input,
.form dl dd .key__length input {
    width: 100%;
}

.bank__annotation {
    margin-top: 5px;
    color: red;
}

.bank__notes {
    margin-top: 5px;
    font-size: 12px;
}

.rent-name__text,
.tenant-name__text {
    margin-top: 5px;
    font-size: 13px;
    color: #aaa;
}

.surrender__item {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .surrender__item {
        display: block;
    }
}

.surrender__item:not(:first-of-type) {
    margin-top: 10px;
}

.surrender__title {
    margin-right: 40px;
    white-space: nowrap;
}

.surrender__body {
    display: flex;
    align-items: center;
}

.surrender__select {
    margin-left: 10px;
}

.moving__annotation,
.surrender__annotation {
    margin-top: 5px;
    font-size: 12px;
}

.surrender__annotation {
    color: red;
}

.moving__annotation {
    color: #aaa;
}

.moving__annotation span {
    color: red;
}

.moving__item {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .moving__item {
        display: block;
    }
}

.moving__item:not(:first-of-type) {
    margin-top: 10px;
}

.moving__body {
    display: flex;
    align-items: center;
}

.moving__body.hide {
    visibility: hidden;
}

.moving__checkbox {
    margin-right: 40px;
    white-space: nowrap;
}

.moving__select {
    margin-left: 10px;
}

.reason__textarea {
    margin-top: 5px;
}

.reason__textarea:not(.show) {
    display: none;
}

.key__item {
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .key__item {
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .key__item {
        display: block;
    }
}

.key__item:not(:first-of-type) {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .key__title {
        flex: 1 1;
    }
}

.key__body {
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .key__body {
        margin-right: 140px;
    }
}

.key__length {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.key__length input {
    margin-right: 5px;
}

.key__radios {
    display: flex;
    align-items: center;
}

.key__radio {
    margin-left: 10px;
}

.key-duplicate__notes,
.key__notes {
    margin-top: 5px;
    font-size: 12px;
    color: #999;
}

.key-duplicate,
.key-duplicate__radios {
    display: flex;
    align-items: center;
}

.key-duplicate__radio {
    margin-right: 10px;
}

.key-duplicate__select {
    display: flex;
    align-items: center;
    width: 110px;
}

.key-duplicate__select.hide {
    visibility: hidden;
}

.key-duplicate__select > div {
    margin-right: 5px;
}

.key-duplicate__select select {
    margin-right: 10px;
}

.post-code {
    margin-top: 10px;
}

.facility__text .error,
.key-duplicate__select .error,
.moving__body .error,
.surrender__item .error {
    display: none;
}

.facility__text .error.show,
.key-duplicate__select .error.show,
.moving__body .error.show,
.surrender__item .error.show {
    display: block;
}

.mw_wp_form_confirm .head__text {
    display: none;
}

.bank__input {
    margin-top: 5px;
}

.mw_wp_form_confirm .bank__input {
    display: inline !important;
}

.mw_wp_form_confirm .reason__textarea {
    display: block !important;
}

.form input[type='email'],
.form input[type='text'],
.form textarea {
    width: 100%;
}

.moving__text input[type='text'] {
    width: 200px;
}