@charset "utf-8";
/*
Theme Name: Wordpress Contact Form
Author: xusux Co., Ltd.
Version: 1.0
Tags: -
License: Copyright (c) xusux Co., Ltd. All Rights Reserved.
License URI: -
-------------------------------------------------------------- */
* {
    padding: 0;
    margin: 0;
}
html {
    height: 100%;
}

.mw-form-page-bg {
    background-color: #f9f1e6;
}

.mw-form-shell {
    max-width: 980px;
}

.mw-form-title {
    color: #d34c69;
}

.mw-form-title-divider {
    height: 2px;
    width: 120px;
    margin-top: 0.5rem;
    border-radius: 13px;
    background-color: #ff9500;
}

.mw-form-banner {
    max-width: 790px;
    background-color: #1b5fa6;
}

.mw-form-fields {
    max-width: 730px;
}

.mw-form-select {
    max-width: 260px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='none' stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: right 16px center;
    padding-right: 40px;
}

.mw-form-content-label {
    line-height: 30px;
}

.mw-form-textarea {
    min-height: 120px;
    border-radius: 5px;
    border-color: #beb7b7fa;
    background-color: #fff9f2;
}

.mw-form-actions {
    gap: 0;
}

.mw-form-back-btn {
    min-width: 140px;
    height: 60px;
    border-radius: 5px;
    border-color: #1b5fa6;
    color: #1b5fa6;
}

.mw-form-back-btn:hover {
    background-color: #f1f7ff;
}

.mw-form-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    max-width: 321px;
    height: 60px;
    padding-left: 19px;
    padding-right: 19px;
    border-radius: 5px;
    border: none;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 400;
    background-color: #e11d48;
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.mw-form-submit-btn:hover {
    background-color: #be123c;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(190, 18, 60, 0.25);
}

.mw-form-submit-btn:focus-visible {
    outline: 3px solid rgba(225, 29, 72, 0.35);
    outline-offset: 2px;
}

@media (min-width: 640px) {
    .mw-form-title-divider {
        width: 160px;
        margin-top: 19px;
    }
}

@media (min-width: 768px) {
    .mw-form-title {
        font-size: 32px;
    }

    .mw-form-actions {
        gap: 25px;
    }
}

@theme inline {
    --font-sans: 'Noto Sans JP', Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-inter: 'Inter', ui-sans-serif, system-ui, sans-serif;
    --color-background: var(--background);
    --color-foreground: var(--foreground);

    --color-pink-650: #E11D48;
    --color-pink-450: #D85C57;
    --color-red-990: #341700;
    --color-orange-750: #A84900;
    --color-blue-350: #2A8DCC;
    --color-gray-350: #757575;
    --color-dark-950: #2C2C2C;
    --color-dark-960: #1F2937;
    --color-green-450: #0A8E46;
    --color-white-150: #F6EFE5;

    --color-rose-550: #E11D48;
    --color-blue-550: #2A8DCC;
}

body {
    background: var(--background);
    color: var(--foreground);
}

.half-overlap {
    margin-top: calc(-46.5% * (1014 / 2560));
}

.bg-wrapper {
    background: url('/images/common/bg-wrapper.png') 0 center;
}

.scroll-hidden {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
}

.scroll-hidden::-webkit-scrollbar {
    display: none;
}

.writing-vertical {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}

.text-upright {
    text-orientation: upright;
}

.horizontal-item {
    margin-left: 0px !important;
}