body, div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 img {
    margin: 0;
    padding: 0;
}

/********************************

	フォーム背景の赤   

********************************/

.red {
    height: 320px;
    background: linear-gradient(-45deg, var(--main0) 0%, var(--main100)100%);
}



/********************************

	フォーム関係  

********************************/

.contact-form {
    padding: 0 0.6em;
}

.content {
    max-width: 1300px;
    background-color: white;
    box-shadow: 0 0 30px rgb(216, 212, 212);
    margin: -20em auto 0;
    border-radius: 20px;
}

.content .cmn-hg2 {
    padding-top: 2em;
}

.content .cmn-hg2  h2 {
    font-size: 24px;
}

.content .cmn-hg2  p {
    font-size: 20px;
}

.formp {
    line-height: 2.3;
    margin: 0 1em;
}

form {
    width: calc(100% - 16px);
    max-width: 945px;
    margin: 0 auto;
    color: #000;
    padding-bottom: 2em;
}

.border {
    border: solid #D9D9D9 1px;
    background-color: #F5F5F5;
}

.form_item {
    width: 100%;
    padding: 16px 0;
    background-color: #F4F5F5;
    border-radius: 15px;
    margin: 0.5em 0;
}


input {
    width: 1.25em;
    height: 1.25em;
    position: relative;
    top: 2.5px;
    right: 7px;
    font-size: 1rem;
}

.radio_box {
    display: flex;
    flex-wrap: wrap;
    width: 200px;
}

.radio_box label {
    padding-left: 20px;
    margin: 0.4em 0;
}

.form_item div{
    font-weight: bold;
}

.form_item > label {
    padding: 0;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
}

.label {
    display: flex;
    align-items: center;
    justify-content: left;
}

.form_item > label > .req {
    margin-right: 16px;
    padding: 4px 25px;
    border-radius: 16px;
    background: linear-gradient(-45deg, var(--main0) 0%, var(--main100)100%);
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

form .form_item .label .req {
    margin-right: 16px;
    padding: 4px 25px;
    border-radius: 16px;
    background: linear-gradient(-45deg, var(--main0) 0%, var(--main100)100%);
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.form_item > label > .any {
    padding: 4px 16px;
    color: #fff;
    background-color: #D9D9D9;
    border-radius: 16px;
    font-weight: bold;
    margin-right: 16px;
}

input.text_box,
textarea.text_box {
    width: 95%;
    padding: 16px;
    background-color: white;
    border-radius: 5px;
    margin-left: 1em;
    height: 60px;
}

textarea.big {
    height: 300px;
    margin: 0 0.5em;
}

.space {
    margin: 12em;
    height: 20px;
}

/*---------- 送信ボタンデザイン ----------*/

.btn {
    display: block;
    width: fit-content;
    border: none;
    border-radius: 30px;
    padding: 20px 40px;
    margin: 2em auto;
    background: linear-gradient(130deg, var(--main0) 0%, var(--main100) 100%);
    color: white;
    font-weight: bold;
    letter-spacing: 2px;
    text-decoration: none;
}

@media(min-width:600px) {
    .radio_box {
        display: flex;
        flex-wrap: nowrap;
        width: fit-content;
        justify-content: space-evenly;
        max-width: 650px;
        width: auto;
    }
}

@media(min-width:700px) {
    .formp {
        margin: 1em auto;
        width: fit-content;
    }

}

@media (min-width: 768px) {
}

form > button.btn {
    margin: 40px auto;
}

/*---------- 確認画面 ----------*/
.con-h2 {
    margin: 2em 0;
    text-align: center;
}

.item dt {
    font-size: 1.5em;
    color: var(--main-color);
    font-weight: bold;
}

.item dd {
    margin: 0.5em 0 2em 0;
    font-size: 18px;
    border-bottom: #9c9c9c 1px solid;
    padding-left: 1em;
}

#contact-form ul {
    margin:0 2em;
    padding: 2em 1em;
    margin: 0 auto;
    max-width: 700px; 
}

.confirmh {
    margin: 1em 0;
}

#contact-form {
    margin: 1em 0.5em;
}

@media(min-width:700px) {
    .up_title h1 {
        margin: 1.5em auto;
    }

    .fv_w {
        margin-top: 2em;
    }

    #contact-form {
        margin: 1em auto;
    }
}


/*---------- 送信・修正する ----------*/
.cmbtn {
    border-radius: 30px;
    font-size: 1em;
    padding: 15px 42px;
    margin: 1em auto;
    width: fit-content;
    display: block;
}

.btn_wrapper {
    margin: 0 auto;
    width: fit-content;
}

.correction {
    background: linear-gradient(90deg , rgb(114, 113, 113) , black );
    color: white;
    font-weight: bold;
}

.send {
    background-color: #010F9E;
    color: white;
    font-weight: bold;
    margin-bottom: 4em;
}


/*---------- 送信後メッセージ ----------*/

.sub-h1 {
    text-align: center;
    margin: 2em 0;
}

.sub-box p {
    text-align: center;
}