body{
    max-width: 960px;
    margin: 1rem auto;
    line-height: 1.6;
    padding: 0 .5rem;
}

header{
    display: flex;
    padding-bottom: .5rem;
    border-bottom: 2px solid #ea5404;
}
header img{
    width: 40px;
}
header h1{
    font-size: 1.5rem;
    margin-left: 1rem;
}


#main{
    margin: 1rem auto;
}

.form-wrap{
    background-color: #f9f9f9;
    padding: .3rem;
}
.form-wrap > p{
    font-size: .875rem;
}
.form-wrap dl{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 0 4px 0;
    background-color: #fff;
}
.form-wrap dl dt{
    width: 25%;
    background: #f2f2f2;
    padding: .5rem 1rem;
}
.form-wrap dl dd{
    width: 75%;
    padding: .5rem 1rem;
}


.form-wrap .required-mark {
	display: inline-block;
    margin-left: .5rem;
	background-color: #fe3e20;
	color: #fff;
	border-radius: 5px;
	font-size: 10px;
	font-weight: normal;
	width: fit-content;
	padding: 1px 4px;
}

#comment{
    min-height: 6rem;
}

#name-sei,#name-mei,#furigana-sei,#furigana-mei{
    width: calc(50% - 4rem);
    display: inline-block;
}
#name-sei,#furigana-sei{
    margin-right: 2rem;
}

#zip{
    width: 10rem;
}

#address-1{
    width: 10rem;
}
#tel{
    width: 12rem;
}
#instagram{
    width: 20rem;
}


.form-wrap .btn-privacypolicy a {
	display: block;
	background: transparent linear-gradient(180deg, #FFF4E9 0%, #FFD7B8 100%) 0% 0% no-repeat padding-box;
	border: 1px solid #FF0000;
	border-radius: 5px;
	margin: 1rem 20px;
	padding: 12px;
	text-align: center;
	color: #1C1C1C;
	font-weight: bold;
	text-decoration: none;
}
.form-wrap .btn-privacypolicy a:hover {
	opacity: .8;
}
.form-wrap .area-agree {
	background: transparent 0% 0% no-repeat padding-box;
	border-radius: 3px;
	margin: 1rem 20px;
	padding: 12px;
}
.form-wrap .area-agree label{
	display: inline;
}

.form-wrap .area-agree input {
	margin-left: 2rem;
}

.form-wrap button[name="submit"]{
    font-size: 1.125rem;
}

footer{
}

@media screen and (max-width: 767px) {

    .form-wrap .required-mark {
        display: inline-block;
        margin-left: .5rem;
    }
    .form-wrap dl{
        flex-wrap: wrap;
    }
    .form-wrap dl dt{
        width: 100%;
    }
    .form-wrap dl dd{
        width: 100%;
    }

    #name-sei,#name-mei,#furigana-sei,#furigana-mei{
        width: 100%;
    }
    #name-sei,#furigana-sei{
        margin-right: 0;
    }
}