@import url("reset.css");

body{ width: 100%; margin: auto; background-color: #333333; font-family: "Hiragino Sans", "ヒラギノ角ゴ", sans-serif;}

.clearfix { *zoom: 1;}
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}

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

h1,h2,h3,h4,h5,li{ letter-spacing: 0.1em;}

p{ font-size: 14px; font-weight: normal; letter-spacing: 0.1em; text-align: left; color: #000;}
p.indent-1 { padding-left:1em; text-indent:-1em;}
p.indent-15 { padding-left:1.5em; text-indent:-1.5em;}
a{ text-decoration: none; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; outline: none; color: #595757; font-size: 14px;}
a:hover{ transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;}
*{ transition: .3s ease-in-out;}

header{ width: 100%; padding: 10px 40px; box-sizing: border-box; background-color: #1e1c1c; text-align: center;}
header h1{ max-width: 150px; height: 34px; display: block; margin: auto auto;}
header h1 a{ display: block; width: 100%; height: 100%; background-image: url(../assessment-form-images/logo.png); background-size: 100%; background-repeat: no-repeat; background-position: center center;}

.assessment-form01{}
.assessment-form01 #main-area{ width: 100%; height: auto; background-image: url(../assessment-form-images/main-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.assessment-form01 .form-area .wrap{ width: calc(100% - 88px); max-width: 1470px; padding: 70px 0 150px 0; margin: auto auto; box-sizing: border-box;}
.assessment-form01 .form-area h1{ width: 100%; font-size: 60px; font-weight: 700; color: #fff;}
.assessment-form01 .form-area h1 span{ color: #F39200;}
.assessment-form01 .form-area .form-wrap-line{ width: 100%; max-width: 1250px; border: 1px solid #fff; padding: 17px; box-sizing: border-box; margin: 70px auto 0;}
.assessment-form01 .form-area .form-wrap-line .form-wrap{ width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); padding: 0 45px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch; margin-top: 0 !important; margin-bottom: 0 !important;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left{ width: 100%; max-width: calc(70% + 65px); padding: 55px 65px 55px 0; box-sizing: border-box;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table th{ font-size: 20px; font-weight: 700; color: #525252; text-align: left; width: 360px; vertical-align: middle;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table td{ font-size: 20px; font-weight: 700; color: #525252; text-align: left; width: calc(100% - 360px);}
.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: 0 !important; padding-bottom: 30px !important;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table.input-text{ width: 100%;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table.input-text tr:last-child th,
.assessment-form01 .form-area .form-wrap-line .form-wrap .left table.input-text tr:last-child td{ padding-bottom: 0;}
.assessment-form01 .form-area .form-wrap-line .form-wrap .right{ width: 100%; max-width: calc(30% - 65px); background-image: url(../assessment-form-images/form-item01.svg); background-position: left center; background-size: contain; background-repeat: no-repeat; padding: 55px 0; display: flex; justify-content: flex-end; align-items: center;}
/* ここからForm（共通） */
.wpcf7-list-item,
.radio-confirmation,
.radio-confirmation{ margin-left: 0; margin-right: 30px; display: inline-block;}
.wpcf7-list-item input[type="radio"]{ clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}
.wpcf7-list-item-label{ display: inline-block; padding: 6px 15px; background-color: #fff; box-sizing: border-box; border-radius: 13px; border: 1px solid #707070; transition: .3s ease-in-out;}
.wpcf7-list-item.last{ margin-right: 0;}
.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label{ background: #F39200;}
input[type="text"],
input[type="tel"],
input[type="email"]{ width: 100%; background-color: #fff; border: 1px solid #707070; padding: 10px; box-sizing: border-box; border-radius: 13px; font-size: 20px; font-weight: 700; color: #525252;}
input[type="submit"]{ background-color: transparent; border: 1px solid #525252; box-shadow: 4px 4px 0px #525252; border-radius: 6px; background-color: #fff; width: 107px; height: 348px; font-size: 0; background-image: url(../assessment-form-images/submit.png); background-repeat: no-repeat; background-size: 58%; background-position: center center;
}
textarea{ width: 100%; height: 300px; resize: none; border-radius: 13px; padding: 10px; box-sizing: border-box; font-size: 20px;}
.wpcf7-spinner,
.wpcf7-response-output{ display: none !important;}
.wpcf7-not-valid-tip{ color: #FF1D25 !important; font-size: 16px !important; font-weight: 700 !important; display: none !important;}

.is-error{ font-size: 0px; color: #fff;}
#form01.init .is-error .none01,
#form01.init .is-error .none02,
#form02.init .is-error .none01,
#form02.init .is-error .none02,
#form03.init .is-error .none03,
#form01.invalid .is-error .none01,
#form01.invalid .is-error .none02,
#form02.invalid .is-error .none01,
#form02.invalid .is-error .none02,
#form03.invalid .is-error .none03{ display: none !important;}
#form01.invalid .is-error .none01:last-child,
#form02.invalid .is-error .none02:last-child,
#form03.init .is-error .none03:last-child{ display: block !important; color: #FF1D25; font-size: 16px; font-weight: 700;}

#form03 .none{ background-color: #fff;}
/* ここまでForm（共通） */
@media screen and (max-width:1290px){
	.assessment-form01 .form-area .form-wrap-line .form-wrap .left{ max-width: calc(70% + 20px); padding: 55px 20px 55px 0;}
	.assessment-form01 .form-area .form-wrap-line .form-wrap .left table th{ width: 310px;}
	.assessment-form01 .form-area .form-wrap-line .form-wrap .left table td{ width: calc(100% - 310px);}
	.assessment-form01 .form-area .form-wrap-line .form-wrap .right{ max-width: calc(30% - 20px);}
	/* ここからForm（共通） */
	.wpcf7-list-item,
	.radio-confirmation,
	.radio-confirmation{ margin-right: 10px;}
	/* ここまでForm（共通） */
}
@media screen and (max-width:1130px){
	.assessment-form01 .form-area .form-wrap-line .form-wrap .left table th{ font-size: 16px; width: 240px;}
	.assessment-form01 .form-area .form-wrap-line .form-wrap .left table td{ font-size: 16px;width: calc(100% - 240px);}
	.assessment-form01 .form-area .form-wrap-line .form-wrap .left table td .wpcf7-list-item-label{ margin-top: 2px;}
	/* ここからForm（共通） */
	.wpcf7-list-item-label{ border-radius: 6px;}
	input[type="text"]{ border-radius: 6px; font-size: 16px;}
	input[type="submit"]{ width: 77px; height: 228px;}
	/* ここまでForm */
}

.assessment-form01 #management-area{ width: calc(100% - 88px); max-width: 1600px; margin: auto auto; position: relative;}
.assessment-form01 #management-area h2{ font-size: 72px; color: #fff; font-weight: 300; position: absolute; top: -120px; left: 0; margin: auto;}
.assessment-form01 #management-area p{ font-size: 25px; color: #fff; font-weight: 300; padding: 40px 0 0 80px;}
.assessment-form01 #management-area .svg-img{ max-width: 1575px; margin: 158px auto 0; display: block;}
.assessment-form01 #management-area a.link-btn{ display: block; width: 100%; max-width: 642px; border: 1px solid #fff; padding: 17px 10px; box-sizing: border-box; position: relative; margin: 100px auto 0; font-size: 30px; color: #F39200 !important; font-weight: 600; text-align: center;}
.assessment-form01 #management-area a.link-btn::after{ content: ""; width: 94px; height: 75px; background-color: #333333; background-image: url(../assessment-form-images/btn-item.png); background-size: 100%; background-repeat: no-repeat; bottom: -37px; right: -1.5px; margin: auto; position: absolute;}
.assessment-form01 #management-area .sale-area{ width: 100%; margin-top: 90px;}
.assessment-form01 #management-area .sale-area h3{ font-size: 45px; color: #fff; font-weight: 500; padding-left: 90px; box-sizing: border-box;}
.assessment-form01 #management-area .sale-area .wrap{ width: 100%; max-width: 1318px; margin: 80px auto auto; display: flex; justify-content: space-between; align-items: center;}
.assessment-form01 #management-area .sale-area .wrap img{ width: 725px;}
.assessment-form01 #management-area .sale-area .wrap p{ font-size: 25px; font-weight: 300; line-height: 1.8; padding: 0 0 0 70px;}
.assessment-form01 #management-area .flow-area{ width: 100%; margin-top: 90px;}
.assessment-form01 #management-area .flow-area h3{ font-size: 60px; color: #fff; font-weight: 700; padding-left: 90px; box-sizing: border-box;}
.assessment-form01 #management-area .flow-area .wrap{ width: 100%; max-width: 1318px; margin: 80px auto auto;}
.assessment-form01 #management-area .flow-area .wrap img{ width: 92%; margin-left: 8%;}
.assessment-form01 #management-area .flow-area .wrap p{ padding: 80px 0 0 0; font-size: 25px; font-weight: 300; line-height: 1.8;}
.assessment-form01 .form-area .wrap .contact-btn-area{ width: 100%; margin: 160px auto 0;}
.assessment-form01 .form-area .wrap .contact-btn-area p{ text-align: center; font-size: 40px; color: #fff; font-weight: 700;}
.assessment-form01 .form-area .wrap .contact-btn-area a{ width: 100%; max-width: 479px; display: block; background-color: #F39200; text-align: center; font-size: 62px; font-weight: 700; color: #fff; margin: 76px auto 0; letter-spacing: 0.2em; padding: 10px; box-sizing: border-box;}
@media screen and (max-width:1650px){
	.assessment-form01 #management-area .sale-area h3,
	.assessment-form01 #management-area .flow-area h3{ padding-left: 0;}
}
@media screen and (max-width:1205px){
	.assessment-form01 #management-area .sale-area .wrap{ display: block;}
	.assessment-form01 #management-area .sale-area .wrap img{ display: block; margin: auto;}
	.assessment-form01 #management-area .sale-area .wrap p{ padding: 70px 0 0 0; width: 725px; margin: auto auto;}
}


.assessment-form02{}
.assessment-form02 .form-area{ width: calc(100% - 88px); max-width: 1470px; padding: 70px 0 0 0; margin: auto auto; box-sizing: border-box;}
.assessment-form02 .form-area h1{ font-size: 60px; font-weight: 500; color: #fff;}
.assessment-form02 .form-area .form-wrap-line{ width: 100%; max-width: 1250px; border: 1px solid #fff; padding: 60px; box-sizing: border-box; margin: 70px auto 0;}
.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){ border-bottom: 1px solid #fff; padding-bottom: 70px; margin-bottom: 70px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table{ width: 100%;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table th{ font-size: 20px; font-weight: 700; color: #fff; text-align: left; width: 380px; vertical-align: middle;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td{ font-size: 20px; font-weight: 700; color: #525252; text-align: left; width: calc(100% - 380px);}
.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-top: 0 !important; padding-bottom: 30px !important;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td > div{ display: flex; justify-content: flex-start;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td > div #on3{ order: 1;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td > div #radiokinds{ order: 1;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td > div #on4{ order: 2;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td > div #on5{ order: 3;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table.input-text tr:last-child th,
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table.input-text tr:last-child td{ padding-bottom: 0;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table th span{ color: #FF1D25;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td .radio-confirmation{ display: inline-block; padding: 6px 15px; background-color: #F39200; box-sizing: border-box; border-radius: 13px; border: 1px solid #707070;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td .text-confirmation{ width: 100%; height: 58px; background-color: #fff; border: 1px solid #707070; padding: 12px 10px; box-sizing: border-box; border-radius: 13px; font-size: 20px; color: #525252; display: block;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box h2{ font-size: 45px; font-weight: 500; color: #fff;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box{ width: 100%; max-width: 394px; text-align: left; margin: 80px auto 0;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box a{ font-size: 20px; color: #74A7D2 !important; font-weight: 700; padding-left: 52px; 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: 35px; height: 25px; background-image: url(../assessment-form-images/pp-item.png); background-size: 100%; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; bottom: 0; margin: auto;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .wpcf7-list-item-label{ background-color: transparent !important; border: 0px none; color: #fff;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box p .wpcf7-list-item{ margin-right: 0 !important;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box p label{ font-size: 20px; color: #fff; font-weight: 300; margin-top: 20px; display: flex; justify-content: flex-start; align-items: center;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box p label input[type="checkbox"]{ transform: scale(1.3, 1.3);}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .pp-box p label .wpcf7-list-item-label{ padding: 0 0 0 6px; box-sizing: border-box;}
.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{ width: 100%; text-align: center; margin-top: 50px;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .submit-box input[type="submit"]{ font-size: 25px; color: #000; font-weight: 700; text-align: center; display: inline-block; width: auto; height: auto; padding: 25px 40px; box-sizing: border-box; background-image: none; background-color: #F39200; writing-mode: inherit; border-radius: 0 !important; box-shadow: none !important;}
.assessment-form02 .form-area .form-wrap-line .form-wrap .box .submit-box .hidden{ visibility: hidden;}
@media screen and (max-width:910px){
	.assessment-form02 .form-area .form-wrap-line .form-wrap .box table th{ font-size: 16px; width: 320px;}
	.assessment-form02 .form-area .form-wrap-line .form-wrap .box table td{ font-size: 16px; width: calc(100% - 320px);}
	/* ここからForm */
	.assessment-form02 .form-area .form-wrap-line .form-wrap .box table .radio-confirmation{ border-radius: 6px;}
	.assessment-form02 .form-area .form-wrap-line .form-wrap .box table .radio-confirmation{ border-radius: 6px; font-size: 16px;}
	/* ここまでForm */
}

.assessment-form02 .contact-area{ width: calc(100% - 28px); max-width: 1470px; padding: 110px 0 150px 0; margin: auto auto; box-sizing: border-box;}
.assessment-form02 .contact-area p{ font-size: 40px; color: #fff; font-weight: 700; text-align: center;}
.assessment-form02 .contact-area a{ width: 100%; max-width: 479px; display: block; background-color: #F39200; text-align: center; font-size: 62px; font-weight: 700; color: #fff; margin: 76px auto 0; letter-spacing: 0.2em; padding: 10px; box-sizing: border-box;}
.assessment-form02 .contact-area .title{ width: 100%; max-width: 766px; height: 140px; margin: 76px auto auto; background-image: url(../assessment-form-images/title-contact.png); background-size: 100%; background-repeat: no-repeat; background-position: center center;}
.assessment-form02 .contact-area .tel{ font-size: 50px; color: #F39200; font-weight: 700;}
.assessment-form02 .contact-area .week{ font-size: 30px; color: #fff; font-weight: 700;}
.assessment-form02 .contact-area .week span{ color: #4D4D4D;}
.assessment-form02 .contact-area .time{ font-size: 30px; color: #fff; font-weight: 700;}

footer{ width: 100%; padding: 35px 40px; box-sizing: border-box; background-color: #1e1c1c; text-align: center;}
footer .wrap{ width: 100%; max-width: 650px; margin: auto auto;}
footer .wrap .logo{ width: 100%; max-width: 200px; height: 45px; margin: auto auto 20px auto;}
footer .wrap .logo a{ display: block; width: 100%; height: 100%; background-image: url(../assessment-form-images/logo.png); background-size: 100%; background-repeat: no-repeat; background-position: center center;}
footer .wrap p{ font-size: 16px; color: #fff; text-align: center;}
footer .wrap p br{ display: none !important;}
footer .wrap ul{ list-style: none; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 200px; margin: 20px auto auto auto;}
footer .wrap ul li{ width: 50px; height: 50px; vertical-align: baseline; line-height: normal; margin-right: 20px;}
footer .wrap ul li:last-child{ margin-right: 0;}
footer .wrap ul li a{ width: 100%; height: 100%; display: block;}
footer .wrap ul li:nth-child(1) a{ background-image: url(../assessment-form-images/twitter.png); background-repeat: no-repeat; background-position: center center; background-size: 100%;}
footer .wrap ul li:nth-child(2) a{ background-image: url(../assessment-form-images/instagram.png); background-repeat: no-repeat; background-position: center center; background-size: 100%;}
footer .wrap ul li img{ vertical-align: baseline;}