@charset "utf=8";

/* ==========================================
フォーム
========================================== */

.btn01 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem auto 0;
	padding: 2.3rem 1.5rem;
    max-width: 24rem;
    width: 100%;
    min-height: 8rem;
	border-radius: 100vmax;
	font-size: 1.8rem;
    text-align: center;
    position: relative;
	transition: all .3s;
}

.btn01.btn01-primary {
	color: var(--white);
	border: 2px solid var(--btn01-primary-border);
    background: var(--btn01-primary);
	transition: all .3s;
}

.btn01.btn01-primary:hover {
    background: var(--btn01-primary-hover);
    color: var(--secondary);
	transition: all .3s;
}

.required-text.white {
    color: var(--white);
}

.required-text.bg-primary {
    background: var(--primary);
}

.required-text {
    font-size: 1.4rem;
    border-radius: 100vmax;
    margin: 0 0 0 1rem;
    padding: 0.1rem 0.8rem 0.2rem;
    text-align: center;   
}

.form-container {
    margin: 3rem 0 0;
}

.table {
	width: 100%;
}

.th {
	width: 30%;
	padding: 1.5rem;
	vertical-align: middle;
}

.td {
	width: 70%;
	padding: 1.5rem;
}

.form-input, .form-textarea {
    padding: 0.5rem 1rem;
}

.form-input.bg-white, .form-textarea.bg-white {
    background: var(--white);
}

.input-large, .form-textarea {
    width: 98%;
}

.input-small {
    width: 20rem;
}

.input-medium {
    width: 40rem;
}

.input-file {
    border: none;
}

.privacy-check {
    text-align: center;
    margin: 2rem 0 0;
}

.privacy-link {
    text-decoration: underline;
}

.privacy-link:hover {
    text-decoration: none;
}

/* ==========================================
プライバシーポリシー
========================================== */

.privacy-title {
    font-size: 1.8rem;
    font-weight: 500;
    padding:  0 0 0 1rem;
}

.privacy-title.border-secondary {
    border-left: 0.5rem solid var(--border-secondary);
}

.privacy-item {
    margin: 4rem 0 0;   
}

.privacy-text01 {
    margin: 2rem 0 0;  
}

.privacy-flex01 {
    display: flex;
    align-items: flex-start;
    margin: 1rem 0 0;  
}

.privacy-flex02 {
    display: flex;
    align-items: center;
}

.privacy-number {
    margin: 0 8px 0 0;
    padding: 4px 0 0;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {




}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {




}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

    .th {
        width: 100%;
        display: block;
    }

    .td {
        display: block;
        width: 100%;
    }


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

    .th {
        padding: 1.07rem;
    }

    .td {
        padding: 1.07rem;
    }

    .input-small {
        width: 14.28rem;
    }

    .input-medium {
        width: 28.57rem;
    }

    .privacy-check {
        font-size: 1.4rem;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 414px) {




}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */