@charset "UTF-8";

*,
*::before,
*::after {
box-sizing: border-box;
}
.display_none {
display: none;
}
@media only screen and (max-width: 750px) {
.form_img {
width: 100%;
height: auto;
}
}
body {
}
p {
font-size: 16px !important;
}
#contact_all {
width: 900px;
margin: 0 auto;
}
@media only screen and (max-width: 750px) {
#contact_all {
width: 100%;
}
}
.form_header {
margin: 0 0 2rem;
}
.form_ttl {
width: 100%;
color: #320688;
font-size: 32px;
font-weight: normal;
padding-right: 83px;
line-height: 1.3;
text-align: center;
}
@media only screen and (max-width: 750px) {
.form_ttl {
font-size: 22px;
padding-right: 62px;
}
}
.form_text {
margin: 2rem 0;
text-align: center;
line-height: 2;
}
@media only screen and (max-width: 750px) {
.form_text {
text-align: left;
}
}
.contact-content {
border-radius: 20px;
border: 1px solid #242424;
overflow: hidden;
}
.form_area .wpcf7-radio .first {
margin-right: 1rem;
}
.form_area .wpcf7-radio .wpcf7-list-item-label {
font-size: 16px;
}
.form_area {
width: 100%;
padding: 2rem;
margin: 0 !important;
}
.form_area tr:not(:last-of-type) {
border-bottom: 1px solid #242424;
}
.form_area th {
font-size: 16px;
font-weight: 400;
background-color: #f7e900;
letter-spacing: 0.05rem;
}
.form_area th p {
display: flex;
justify-content: flex-end;
align-items: center;
line-height: 1.3;
text-align: right;
}
.form_area tr:last-of-type th {
min-height: 211px;
}
.form_area th span {
width: 28px;
height: 20px;
margin: 0 1rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.form_area td {
width: 70%;
padding: 1rem;
vertical-align: middle;
}
@media only screen and (max-width: 750px) {
.form_area {
padding: 1rem;
}
.form_area th {
width: 100%;
display: flex;
justify-content: space-between;
padding: 0.5rem 1rem;
}
.form_area th p {
text-align: left;
}
.form_area th span {
width: auto;
margin: 0 0 0 0.5rem;
}
.form_area td {
width: 100%;
padding: 1rem;
display: block;
}
.form_area tr:last-of-type th {
min-height: auto;
}
}
.req {
color: #fff;
background-color: #e64b5b;
font-size: 11px;
padding: 0.2rem 0;
border-radius: 3px;
}
.opt {
color: #fff;
background-color: #999999;
font-size: 11px;
padding: 0.2rem 0;
border-radius: 3px;
}
@media only screen and (max-width: 750px) {
.req,
.opt {
font-size: 13px;
padding: 0.3rem;
}
}
.form_area .wpcf7-form-control-wrap input {
font-size: 16px;
width: 100%;
height: 34px;
padding: 0 0.5rem;
border: 1px solid #999999;
border-radius: 3px;
-webkit-appearance: none;
}
input::placeholder {
color: #cccccc;
}
textarea::placeholder {
color: #cccccc;
}
#theform textarea {
font-size: 16px;
width: 100%;
height: 160px;
padding: 0.5rem;
border: 1px solid #999999;
border-radius: 3px;
-webkit-appearance: none;
}
@media only screen and (max-width: 750px) {
#theform textarea {
height: 180px;
}
}
.agreement {
background-color: #eee;
font-size: 12px;
height: 100px;
padding: 0.7rem;
overflow-x: hidden;
line-height: 1.5;
}
.agreement .title {
font-size: 13px;
font-weight: 700;
margin-bottom: 0.5rem;
}
.agreement ol li {
list-style-type: decimal;
margin: 0 0 1rem 1rem;
display: list-item;
}
.wpcf7-confirm,
.wpcf7-submit {
color: #fff;
background-color: #3bcf93;
font-size: 18px;
font-weight: 700;
width: 300px !important;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 15px !important;
text-align: center;
letter-spacing: 0.1rem;
border: 0;
border: 3px solid #3bcf93 !important;
border-radius: 50px;
display: block;
-webkit-appearance: none;
cursor: pointer;
}
@media only screen and (max-width: 750px) {
.wpcf7-confirm,
.wpcf7-submit {
width: 100% !important;
}
}
.wpcf7-confirm:hover,
.wpcf7-submit:hover {
color: #3bcf93;
background-color: #fff;
border: 3px solid #3bcf93 !important;
cursor: pointer;
-webkit-appearance: none;
}
.wpcf7-submit {
margin-top: 2rem;
margin-bottom: 0.5rem;
}
.wpcf7-back {
font-size: 14px;
width: 200px;
background-color: #fff;
color: #666;
margin: 1rem auto 0;
border: 0;
text-align: center;
display: block;
-webkit-appearance: none;
}
.wpcf7-back:hover {
color: #999;
cursor: pointer;
-webkit-appearance: none;
}
#theform span[role="alert"] {
color: #ff0000;
background-color: #FCD6D6;
display: block;
margin-top: 0.5rem;
padding: 0.5rem;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-spam-blocked,
div.wpcf7-response-output {
color: #ff0000;
background-color: #FCD6D6;
width: 100%;
display: block;
margin: 1rem 0 0!important;
padding: 0.5rem!important;
border: 0!important;
text-align: center;
line-height: 1.5;
}
.mt2rem {
margin-top: 2rem;
}
.mb2rem {
margin-bottom: 2rem;
}
.center {
text-align: center;
}
.form_ttl_h3 {
font-size: 24px;
font-weight: normal;
margin: 1rem 0 2rem;
text-align: center;
}
@media only screen and (max-width: 750px) {
.form_ttl_h3 {
font-size: 22px;
line-height: 1.5;
}
}
.wpcf7c-conf {
background-color: #cccccc!important;
border: 1px solid #cccccc!important;
}
.text_pp {
margin-top: 5rem;
}
.text_pp a {
color: #333;
text-decoration: underline;
}
.text_pp a:hover {
text-decoration: none;
}
input, select {
vertical-align: middle;
font-size: 16px;
width: 100%;
height: 34px;
padding: 0 0.5rem;
border: 1px solid #999999;
border-radius: 3px;
}
br.sp {
line-height: 0;
}
.sp {
display: none;
}
.wpcf7-not-valid-tip {
margin-top: 0.5rem;
}
.ttl03 {
font-size: 42px;
font-weight: normal;
margin-bottom: 35px !important;
text-align: center;
line-height: 1.4;
}
section {
padding: 2rem 0 2rem !important;
}
.mt2rem {
margin-top: 2rem;
}
header {
display: none !important;
}
.site-main,
.entry-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
.wpcf7 {
width: 100%;
border: none;
background: initial;
padding: auto;
margin: auto;
font-size: initial;
}
.wpcf7 p {
margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
.ttl03 {
font-size: 26px;
}
.wpcf7 form {
margin: 0;
}
}