@charset "utf-8";

.contact_info {
    width: 90%;
    margin: 50px auto;
    max-width: 960px;
}

.form_list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.form_list li {
    margin: 10px 0;
    width: 40%;
    background: #00e8a0;
    text-align: center;
    min-width: 300px;
}

.form_list li a {
    display: inline-block;
    text-align: center;
    width: 100%;
    font-weight: bold;
    padding: 10px 0;
}

.fucksalesman {
    color: red;
}


.contact_container {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
}

fieldset {
    width: 100%;
    margin: 30px 0;
}

.req,
.opt {
    position: relative;
    margin-left: 2.5em;
}

.req::before {
    content: "必須";
    background: rgb(219, 65, 65);
}

.opt::before {
    content: "任意";
    background: #9c9c9c;
}

.req::before,
.opt::before {
    position: absolute;
    display: block;
    left: -3.5em;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 0.7rem;
    font-weight: bold;
    padding: 0 6px;
    color: #fbfbfb;
}

.pp_wrapper {
    height: 200px;
    overflow: scroll;
    font-size: 0.8em;
    background: #dde2e4;
    padding: 10px;
}

select,
.contact_container input {
    background: #fbfbfb;
    padding: 5px;
    margin: 5px 0;
}

select {
    width: 6em;
}


.contact_container input {
    max-width: 100%;
}

.wrap p {
    display: flex;
    flex-wrap: wrap;
}

.wrap p label {
    width: 100%;
}

.wrap p span:nth-of-type(1) {
    width: 10%;
    min-width: 5em;
    text-align: center;
    margin-right: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wrap p span:nth-of-type(2) {
    width: 80%;
    max-width: 547px;
    margin-left: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.date {
    display: flex;
    flex-wrap: wrap;
}

.calendar {
    width: 30%;
    margin-right: 10px;
    display: flex;
    justify-content: start;
    flex-direction: column;
}

.calendar:last-of-type {
    margin-right: 0;
}

.caution {
    width: 100%;
}

textarea {
    width: 100%;
    background: #fbfbfb;
    padding: 10px;
}

.wpcf7-not-valid-tip {
    position: absolute;
    left: 0;
    top: 0;
}

.submit input {
    width: 50%;
    text-align: center;
    background: #00e8a0;
    font-weight: bold;
    margin: 10px auto;
    display: block;
    max-width: 500px;
    min-width: 200px;
    padding: 10px 0;
}

.acce_req {
    font-size: 0.5em;
    margin-left: 5em;
}

.submit input,
.form_list li {
    transition: ease 0.3s;
}

.submit input:hover,
.form_list li:hover {
    border-radius: 10px;
    color: #fbfbfb;
}

.submit input:active,
.form_list li:active {
    filter: blur(10px);
}