/*プライバシーポリシー*/
.policy
{
    display: flex;
    flex-direction: column;
    gap: 25px;
    color: var(--control-color);
}
.policy-item
{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/*お問い合わせ*/
.contact
{
    color: var(--control-color);
}
.contact-box
{
    border-radius: 50px;
    background-color: #fff;
    padding: 30px 50px;
    margin-top: 25px;
}
.contact-box h4
{
    padding-left: 1rem;
    position: relative;
}
.contact-box h4:before
{
    position: absolute;
    content:"";
    width:0.8rem;
    aspect-ratio: 1/1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--control-color);
    border-radius: 2px;
}
.contact-box strong
{
    font-size: calc(2.5rem * var(--font-scale));
    line-height: 2;
}
.form-input input
{
    width:100%;
    padding: 15px;
    box-sizing: border-box;
    outline: none;
    border: 3px solid #ccc;
    border-radius: 5px;
}
.form-input textarea
{
    width:100%;
    padding: 15px;
    box-sizing: border-box;
    outline: none;
    border: 3px solid #ccc;
    border-radius: 5px;
    aspect-ratio: 10/3;
}
.form-label label
{
    color: #333333;
}
.required
{
    padding: 2px 5px;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #d71c24;
    border-radius: 5px;
    line-height: 1;
}
.form-row
{
    margin: 25px 0;
}
.contact-privacy
{
    color: #333333;
    text-align: center;
}
.contact-privacy a
{
    text-decoration: underline;
    color: var(--control-color);
}
.contact-buttons
{
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.contact-buttons > button
{
    width:80%;
    max-width: 448px;
    min-width: 280px;
    background-color: var(--control-color);
    outline: none;
    border: none;
    color: #fff;
    font-family: var(--font-family);
    padding: 15px 0;
    margin-top: 25px;
    filter: drop-shadow(3px 3px 0 #46966e);
    font-weight: bold;
}
.contact-message .more-btn-y
{
    margin: 25px auto;
}

/*高知県の魅力*/
.bg-beige
{
    padding-top: 130px !important;
    background-color: #f6f4ed;
    border-radius: 0 0 50px 0;
}
.bg-beige.industry:before
{
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    left: -1px;
    width: 50px;
    aspect-ratio: 1 / 1;
    background-image: url(../images/common/bg-kaku.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.charm .miryoku
{
    background-color: #f6f4ed;
}
.kochi-section-inner
{
    display: flex;
    gap:50px;
    margin-top: 80px;
}
.kochi-section-inner h3
{
    margin-top: 0 !important;
    margin-bottom: 50px;
}
.reverse .kochi-section-inner
{
    flex-direction: row-reverse;
}
.kochi-text
{
    width:50%;
}

.kochi-visual
{
    width:50%;
    display:flex;
    justify-content: center;
    align-items: center;
}
.kochi-visual>img
{
    width:100%;
    max-width:550px;
}
/*404*/
.center-h2
{
    text-align: center;
    margin-bottom: 0 !important;
}


@media screen and (max-width:1024px)
{
    .kochi-section-inner
    {
        flex-direction: column;
    }

    .reverse .kochi-section-inner
    {
        flex-direction: column;       
    }
    .kochi-text
    {
        width:100%;
    }

    .kochi-visual
    {
        width:100%;
    }
}
@media screen and (max-width:767px)
{
    .contact-box
    {
        padding: 25px;
        border-radius: 25px;
    }
    .contact-box strong
    {
        font-size: calc(1.5rem * var(--font-scale));
        line-height: 2;
    }
}