.forPC{ display: none !important;}
.forSP{ display: block !important;}

.assessment-form01 #main-area{ height: auto; background-position: center top -210px;}
.assessment-form01 .form-area .wrap{ width: calc(100% - 28px); padding: 70px 0 100px 0;}
.assessment-form01 .form-area h1{ font-size: 30px; /*letter-spacing: 0.3em;*/}
.assessment-form01 .form-area .form-wrap-line{ margin: 20px auto 0; padding: 10px;}
.assessment-form01 .form-area .form-wrap-line .form-wrap{ padding: 0; display: block;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left{ max-width: 100%; padding: 20px 20px 20px 20px;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table{ width: 100%;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table th{ font-size: 12px; width: 70px;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table td{ font-size: 12px; width: calc(100% - 70px);}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table th,
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table td{ padding-top: 0px !important; padding-bottom: 15px !important;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table.input-text th{ width: 100%; display: block; overflow: hidden; padding-bottom: 0 !important;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table.input-text td{ width: 100%; display: block; overflow: hidden;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table.input-text tr:last-child th{ padding-bottom: 15px;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .right{ width: 100%; max-width: 100%; background-image: none; padding: 0 0 20px; display: block; text-align: center;}
#form01.invalid .is-error .none01:last-child,
#form02.invalid .is-error .none02:last-child,
#form03.invalid .is-error .none03:last-child{ font-size: 10px;}
/* ここからForm */
.wpcf7-list-item-label{ padding: 5px 10px; margin-right: 2px; border-radius: 6px;}
input[type="text"],
input[type="tel"],
input[type="email"]{ width: calc(100% - 70px); margin-left: 70px; padding: 5px 10px; box-sizing: border-box; border-radius: 6px; font-size: 12px; color: #525252; float: right;}
input[type="submit"]{ box-shadow: 2px 2px 0px #525252; border-radius: 6px; background-color: #fff; width: 216px; height: 65px; margin: 6px auto 0; font-size: 25px; color: #F39200; font-weight: 700; writing-mode: inherit; letter-spacing: 0.2em; background-image: none;}
textarea{ width: calc(100% - 70px); margin-left: 70px; height: 300px; resize: none; border-radius: 6px; margin-top: 4px; box-shadow: none; font-size: 12px;}
/* ここまでForm */

.assessment-form01 #management-area{ width: calc(100% - 28px); margin: 40px auto 0;}
.assessment-form01 #management-area h2{ position: relative; top: auto; font-size: 30px; font-weight: 600; text-align: center;}
.assessment-form01 #management-area p{ padding: 40px 0 0 0; font-size: 12px; font-weight: 400; width: 100%; max-width: calc(100% - 190px); min-width: 267px; margin: auto auto; display: block;}
.assessment-form01 #management-area .svg-img{ margin-top: 60px;}
.assessment-form01 #management-area a.link-btn{ width: 100%; max-width: 204px; padding: 6px 10px; margin: 30px auto 0; font-size: 15px; font-weight: 500;}
.assessment-form01 #management-area a.link-btn::after{ content: ""; width: 29px; height: 25px; bottom: -13px;}
.assessment-form01 #management-area .sale-area{ margin-top: 50px;}
.assessment-form01 #management-area .sale-area h3{ font-size: 30px; font-weight: 600; padding-left: 0; text-align: center;}
.assessment-form01 #management-area .sale-area .wrap{ width: 100%; max-width: 100%; margin: 35px auto auto; display: block;}
.assessment-form01 #management-area .sale-area .wrap img{ width: calc(100% - 60px); display: block; margin: auto auto;}
.assessment-form01 #management-area .sale-area .wrap p{ width: 100%; max-width: calc(100% - 60px); min-width: auto; font-size: 12px; font-weight: 400; line-height: 1.8; padding: 40px 0 0 0;}
.assessment-form01 #management-area .flow-area{ margin-top: 50px;}
.assessment-form01 #management-area .flow-area h3{ font-size: 30px; font-weight: 600; padding-left: 0; text-align: center;}
.assessment-form01 #management-area .flow-area p.forSP{ text-align: center; color: #F39200; font-size: 20px; font-weight: 700; padding: 10px; max-width: 100%; box-sizing: border-box;}
.assessment-form01 #management-area .flow-area .wrap{ width: 100%; max-width: 100%; margin: 35px auto auto; display: block;}
.assessment-form01 #management-area .flow-area .wrap img{ width: 100%; margin-left: 0;}
.assessment-form01 #management-area .flow-area .wrap p{ width: 100%; max-width: calc(100% - 60px); min-width: 313px; padding: 40px 0 0 0; font-size: 12px; font-weight: 400; line-height: 1.8;}
.assessment-form01 #management-area .flow-area a{ display: none;}

.assessment-form01 .form-area .wrap .contact-btn-area{ width: 100%; margin: 50px auto 0;}
.assessment-form01 .form-area .wrap .contact-btn-area p{ font-size: 20px;}
.assessment-form01 .form-area .wrap .contact-btn-area a{ width: 100%; max-width: 270px; font-size: 30px; margin: 50px auto 0;}



.assessment-form02 .form-area{ width: calc(100% - 28px);  padding: 70px 0 0 0;}
.assessment-form02 .form-area h1{ font-size: 30px;}
.assessment-form02 .form-area .form-wrap-line{ margin: 20px auto 0; padding: 25px 20px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap{ width: 100%; height: 100%;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box:nth-child(1){ padding-bottom: 40px; margin-bottom: 40px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table th{ font-size: 12px; width: 70px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td{ font-size: 12px; width: calc(100% - 70px); vertical-align: middle; padding: 0 !important;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table th,
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td{ padding-bottom: 15px !important; padding-top: 0 !important;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table tr:last-child th,
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table tr:last-child td{ padding-bottom: 15px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table th span{ display: block;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td .radio-confirmation{ padding: 5px 10px; margin-right: 2px; border-radius: 6px; font-size: 12px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td .text-confirmation{ width: calc(100% - 70px); height: 33.6px; margin-left: 70px; padding: 5px 10px; box-sizing: border-box; border-radius: 6px; font-size: 12px; color: #525252; font-size: 12px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .submit-box textarea{ width: calc(100% - 70px);}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box h2{ font-size: 25px; margin-bottom: 30px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table.input-text th{ width: 100%; display: block; overflow: hidden; padding-bottom: 0 !important;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table.input-text td{ width: 100%; display: block; overflow: hidden;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table.input-text tr th{ padding-bottom: 0;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table.input-text tr.last td{ width: 100% !important; padding-bottom: 0; padding-left: 0px !important;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box{ max-width: 260px; margin: 40px auto 0;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box a{ font-size: 12px; font-weight: 700; padding-left: 28px; box-sizing: border-box; display: inline-block; position: relative;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box a::before{ content: ""; width: 18px; height: 13px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box p label{ font-size: 12px; font-weight: 700; margin-top: 10px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box p label .wpcf7-list-item-label > span{ color: #FF1D25; font-weight: 700;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .submit-box{ margin-top: 20px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .submit-box input[type="submit"]{ font-size: 12px; padding: 15px 20px; box-sizing: border-box; background-image: none; background-color: #F39200; border-radius: 0; margin: 0;}

.assessment-form02 .contact-area{ width: calc(100% - 28px); max-width: 1470px; padding: 90px 0 100px 0; margin: auto auto; box-sizing: border-box;}
.assessment-form02 .contact-area p{ font-size: 20px;}
.assessment-form02 .contact-area a{ width: 100%; max-width: 270px; font-size: 30px; font-weight: 700; color: #fff; margin: 60px auto 0;}
.assessment-form02 .contact-area .title{ width: 100%; max-width: 300px; height: 50px; margin: 50px auto auto;}
.assessment-form02 .contact-area .tel{ font-size: 25px;}
.assessment-form02 .contact-area .week{ font-size: 12px;}
.assessment-form02 .contact-area .time{ font-size: 12px; margin-top: 6px;}


footer .wrap{ width: 100%; max-width: 260px;}
footer .wrap .logo{ max-width: 300px;}
footer .wrap p{ font-size: 10px; text-align: left; display: block; max-width: 190px; margin-left: auto; margin-right: auto;}
footer .wrap p br{ display: inline !important;}