.entry-wrap{
padding:100px;
background: var(--bege100);
border-bottom: solid 1px rgba(0, 0, 0, .2);
}

@media screen and (max-width: 960px) {
.entry-wrap{
padding:100px 20px;
}
}

form {
position: relative;
width: 70%;
max-width: 600px;
display: block;
padding: 50px;
margin: 0px auto;
}

form dt{
padding: 20px 0px 15px 0px;
}

form dt span {
font-weight:bold;
}

.required {
color: var(--pink_a100);
padding-left: .3em;
}

form dd{
margin:0px;
}

form input[type=email], 
form input[type=tel], 
form input[type=text], 
form textarea,
form dd p {
position: relative;
width: -webkit-fill-available;
border-radius: 3px;
border: 1px solid #d0d0d0;
-webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,.1);
box-shadow: inset 0 0 3px 0 rgba(0,0,0,.1);
font-size: 0.85rem;
color: #222;
background-color: #fff;
height:auto;
min-height: 50px;
padding: 0 62px 0 10px;
}

form textarea{
min-height: 300px;
padding: 10px 62px 10px 10px;
resize: vertical;
}

form dd p.text {
position: relative;
width: -webkit-fill-available;
border-radius: 3px;
border: 1px solid #d0d0d0;
-webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,.1);
box-shadow: inset 0 0 3px 0 rgba(0,0,0,.1);
font-size: 0.85rem;
color: #222;
background-color: #fff;
height: auto;
overflow-wrap: break-word;
padding: 0 62px 0 10px;
min-height: 100px;
}

label, input, textarea{
width: -webkit-fill-available;
background:;
display:flex;
text-align:left;
}

.contacttable textarea {
min-height: 300px;
padding: 10px 62px 10px 10px;
resize: vertical;
}

/*入力間違いのアラート*/
input + div, select + div, textarea + div {
float: left;
color: var(--pink_a100);
margin-bottom: -10px;
font-size: 0.85em;
}

/*入力違いの時の枠の色*/
.error-form {
border-color: var(--pink_a100) !important;
}

button{
margin-top:50px;
margin-bottom:30px;
}

.contactbotton{
width:fit-content;
margin-top:50px;
}

.entry-title{
font-size: 2.5rem;
font-weight: 400;
}

.entry-title-notification{
font-size: 0.85rem;
padding-left: 3rem;
margin: 3rem 0px;
}

.entry-thanks{
width: -webkit-fill-available;
padding: 100px;
border: 5px solid transparent;
background: linear-gradient(120deg, rgba(122, 122, 242, 1) 0%, rgba(12, 228, 51, 1) 100%);
color: #fff;
background-clip: padding-box, border-box;
border-radius: 10px;
margin:100px auto 0px auto;
}

.entry-thanks p{
font-size:2rem;
font-weight: 600;
}

.entry-thanks div ul{
margin-top:1rem;
}

.entry-thanks div ul li{
font-size:0.85rem;
font-weight: 400;
margin-bottom:1rem;
}

.entry-notification{
font-size:0.85rem;
}

.entry-notification ul {
display: flex;
flex-direction: column;
gap: 1rem;
}

.entry-confirm{
display: contents;
}

.entry-confirm-title{
font-size:1rem;
}

.entry-confirm-noteification{
font-size:1rem;
}

/*--------------------------------------*/

@media screen and (max-width: 1240px) {
.contacttable{
width: -webkit-fill-available;
padding: 20px 18px 20px 18px;
}
}

@media screen and (max-width: 960px) {
.contacttable{
font-size:0.85em;
}
form{
width: -webkit-fill-available;
padding:20px;
}
.entry-title-notification{
padding-left: 0rem;
margin: 3rem 0px;
}
.entry-thanks{
padding:45px;
font-size:0.85em;
}
}

@media screen and (max-width: 640px) {
.entry-thanks{
padding:20px;
}
.entry-title{
text-align: center;
}
}