@charset "utf-8";

/*フォーム基本設定*/

.formArea_info input,.formArea_info textarea,.formArea_info label,.formArea_info .check_wrap_sub{font-size: 3.8vw;font-family: 'Noto Sans JP', sans-serif;}
.formArea_info input:not([type="checkbox"]):not([type="radio"]),.formArea_info textarea{padding: .8em;}
@media (min-width: 490px){
.formArea_info input,.formArea_info textarea,.formArea_info label,.formArea_info .check_wrap_sub{font-size: 1.6rem;}
}
@media (min-width: 991px){
.formArea_info input,.formArea_info textarea,.formArea_info label,.formArea_info .check_wrap_sub{font-size: 1.8rem;}
}

/*フォーム基本パーツ*/


.formArea_info{}
.formArea_info_exp{margin-bottom: 5vw;text-align: center}
.formArea_info_exp p{font-size: 4vw;}
.formArea_info dl{padding-top: 5vw;padding-bottom: 5vw;}
.formArea_info dl dt{font-size: 4vw;margin-bottom: 3.5vw;}	
.formArea_info input:not([type="checkbox"]):not([type="radio"]),.formArea_info textarea{width: 100%;}
.formArea_info textarea{height: 15em;}
.formArea_info .check_option{margin-top: 10px;}
.formArea_info .check_option .wpcf7-list-item-label{display: block;}	

.formArea_info .check-menu p{display: flex;align-items: center;}
.formArea_info .check-menu p::after{content: "\f078";font-family: "Font Awesome 5 Free";font-size: 3.5vw; color:rgba(18,18,18,1.00); font-weight: 900;display: block;transform:rotate(-90deg);margin-left: 5px;}
.formArea_info .check-menu p::after{transition: .2s ease-out;}
.formArea_info .check-menu.check_action p::after{transform:rotate(0deg)}
.formArea_info .check-menu .check-list{display: none;margin-top: 10px;padding: 6vw 6vw 1vw;border: 1px solid rgba(138,138,138,1.00);border-radius: 5vw;}
.formArea_info .check-menu .check-list ul{display: flex;flex-wrap: wrap;}
.formArea_info .check-menu .check-list ul li{margin-right: 10vw;font-size: 3.5vw;margin-bottom: 5vw;}
.formArea_info .check-menu .check-list ul.check_bullet li{width: 100%;}
.formArea_info .check-menu .check-list ul li::before{font-family: "Font Awesome 5 Free";font-size: 3.5vw; color:rgba(18,18,18,1.00); font-weight: 900;display:inline-block;}
.formArea_info .check-menu .check-list ul.check_lineup li::before{content: "\f111";margin-right: 1vw;}
.formArea_info .check-menu .check-list ul.check_bullet li::before{content: "\f00c";}

.form_button{text-align: center;margin-top: 8vw;}
.form_button input{background-color: rgba(1,1,1,1.00);font-size: 4vw;color: rgba(255,255,255,1.00);border: none;outline: none;width: 100%;max-width: 320px;padding: 5vw;margin-left: auto;margin-right: auto;display: block;}
.wpcf7 form .wpcf7-response-output{font-size: 3.6vw;text-align: center;border-color:rgba(215,127,0,1.00);}
.formArea_info .wpcf7-not-valid-tip {font-size: 3.5vw}
@media (min-width: 490px){
.formArea_info_exp p{font-size: 2rem;}
.formArea_info dl{padding-top: 25px;}
.formArea_info dl dt{font-size: 1.6rem;}	
.formArea_info .check-menu p::after{font-size: 1.6rem;}	
.formArea_info .check-menu .check-list{margin-top: 10px;padding: 18px 18px 6px;border-radius: 25px;;}
.formArea_info .check-menu .check-list ul li{margin-right: 15px;font-size: 1.6rem;margin-bottom: 12px;}
.formArea_info .check-menu .check-list ul li::before{font-size: 1.6rem;margin-right: 5px;}
.formArea_info .check-menu .check-list ul.check_lineup li::before{margin-right: 5px;}
.form_button{margin-top: 50px;}
.form_button input{font-size: 2rem;padding: 1.5em}
.wpcf7 form .wpcf7-response-output{font-size: 1.6rem;}
.formArea_info .wpcf7-not-valid-tip {font-size: 1.6rem}
}
@media (min-width: 768px){
.formArea_info dl{display: flex;}
.formArea_info dl{padding-top: 25px;padding-bottom: 25px;}
.formArea_info dl dt{width: 12em;margin-bottom:inherit;}
.formArea_info dl dd{width: calc(100% - 12em);}
.formArea_info .check_option .wpcf7-list-item-label{font-size: 1.6rem;}	
.formArea_info dl:not(.check_wrap) dt{padding-top: 1em;}
}
@media (min-width:991px){
.formArea_info_exp p{font-size: 2.3rem;}
.formArea_info_exp{margin-bottom: 30px;}
.formArea:not(:first-of-type){margin-top: 120px;}
.formArea_info dl dt{font-size: 1.8rem;}	
.form_button input{transition: .2s ease-out;}
.form_button input:hover{background-color: rgba(1,1,1,.8);}
}

/*選択処理*/

.formArea_info .check_wrap_list,.formArea_info .check_wrap_sub{display: flex;align-items: center}
.formArea_info .check_wrap_list:not(:last-of-type){margin-bottom: 4vw}
.formArea_info .check_wrap_sub{transform: translateX(-24px);} 
.formArea_info .check_wrap_sub input[type="text"]{width: 5em}

.formArea_info .check_wrap_sub.number input[type="text"]{margin-right: .5em}
.formArea_info .check_wrap_sub.group input[type="text"]{margin-right: .5em;margin-left: .5em}


.formArea_info .wpcf7-list-item{margin-right: 10px;display: block;margin-bottom: 0px;}
.formArea_info dl.main_check .wpcf7-list-item{margin-bottom: 15px;}
.formArea_info input[type = "checkbox"] ,.formArea_info input[type = "radio"] {display: none;}
.formArea_info .wpcf7-list-item-label{position: relative;padding-left: 33px;}
.formArea_info .wpcf7-list-item-label::before{content: "";display: block; position: absolute;width: 20px;height: 20px;border: 1px solid rgba(0,0,0,1.00);top: 50%; left: 0;transform: translateY(-44%);}
.formArea_info input[type = "checkbox"]:checked + .wpcf7-list-item-label::after,.formArea_info input[type = "radio"]:checked + .wpcf7-list-item-label::after {content: "\f00c";font-family: "Font Awesome 5 Free";font-size: 15px; color:rgba(240,0,44,1.00); font-weight: 900;display: block; position: absolute;top:50%;left:3px; transform: translateY(-44%);transition: .2s ease-out;}

@media (min-width: 490px){
.formArea_info .check_wrap_list:not(:last-of-type){margin-bottom: 25px}
}