@charset "utf-8";

/*フォーム基本設定*/
.formArea .formArea_info input,.formArea .formArea_info textarea,.formArea .formArea_info label{font-size: 3.8vw;font-family: 'Noto Sans JP', sans-serif;}
.formArea .formArea_info input:not([type="checkbox"]):not([type="radio"]),.formArea .formArea_info textarea{padding: .8em;}
@media (min-width: 490px){
.formArea .formArea_info input,.formArea .formArea_info textarea,.formArea .formArea_info label{font-size: 1.6rem;}
}
@media (min-width: 991px){
.formArea .formArea_info input,.formArea .formArea_info textarea,.formArea .formArea_info label{font-size: 1.8rem;}
}


.special_offer img{margin-left: auto;margin-right: auto;}
.special_offer{margin-bottom: 40px;}

@media (max-width: 490px){
.special_offer{margin-bottom:8vw;}
}

/*フォーム基本パーツ*/
.formArea{display: flex;}
.formArea:not(:first-of-type){margin-top: 5vw;}
.formArea .formArea_title{width: 9vw;padding-top: 5vw;margin-right: 4vw; background-color: rgba(0,0,0,1.00);}

.formArea.plan_select{align-items: center;}
.formArea.plan_select .formArea_title{background-color:#F98181;padding-top: 5vw;padding-bottom:10vw;}
.formArea .formArea_info .wpcf7-form-control {display: flex; flex-wrap: wrap;}
.formArea.plan_select dl dt{display: flex;align-items: center;}
.formArea.plan_select dl dd .wpcf7-list-item{width: 100%;}
.formArea.plan_select dl dd .wpcf7-list-item {margin: 0;}
.formArea.plan_select dl dd .wpcf7-list-item + .wpcf7-list-item{margin: 2vw 0 0 0; }

.formArea:nth-of-type(2) .formArea_title{background-color:rgba(140,140,140,1.00);color: rgba(255,255,255,1.00);}
.formArea .formArea_info{width: 87vw}
.formArea .formArea_title h2{ -ms-writing-mode: tb-lr; writing-mode: vertical-lr;color: rgba(255,255,255,1.00);/*height: 100%;*/margin-left: auto;margin-right: auto;letter-spacing: .25em;}

.formArea .formArea_info dl{padding-top: 5vw;padding-bottom: 5vw;}
.formArea .formArea_info dl dt{font-size: 4vw;margin-bottom: 3.5vw;display: flex;}	
.formArea .formArea_info dl dt::before{content: "";display: inline-block;width: 1em;margin-right:	.8em;}
.formArea .formArea_info dl dt.hissu::before{content: "※";color: red;}
.formArea .formArea_info input:not([type="checkbox"]):not([type="radio"]),.formArea .formArea_info textarea{width: 100%;}
.formArea .formArea_info textarea{height: 15em;}
.formArea .formArea_info .check_option{margin-top: 4vw;}
.formArea .formArea_info .check-menu{margin-top: 4vw;padding-left: 1vw;padding-right: 1vw;}
.formArea .formArea_info .check-menu .wpcf7-list-item-label{display: block;}	

.formArea .formArea_info .check-menu{cursor: pointer;}
.formArea .formArea_info .check-menu p{/*display: flex;align-items: center;*/;margin-bottom: 4vw;}
/*.formArea .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 .formArea_info .check-menu p::after{transition: .2s ease-out;}
.formArea .formArea_info .check-menu.check_action p::after{transform:rotate(0deg)}
/*.formArea .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 .formArea_info .check-menu .check-list ul{display: flex;flex-wrap: wrap;}
.formArea .formArea_info .check-menu .check-list ul li{width: 50%;font-size: 3.5vw;margin-bottom: 5vw;}
.formArea .formArea_info .check-menu .check-list ul.check_bullet li{width: 100%;}
.formArea .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 .formArea_info .check-menu .check-list ul.check_lineup li::before{content: "\f111";margin-right: 1vw;}

.formArea .formArea_info .check-menu .check-list ul.check_bullet li{display: flex;}
.formArea .formArea_info .check-menu .check-list ul.check_bullet li::before{content: "\f00c";width: 1.2em}
.formArea .formArea_info .check-menu .check-list ul.check_bullet li span{width: calc(100% - 1.2em);display: block}

.formArea .formArea_info dl.formArea_free dd textarea{height: 5em}
.formArea .formArea_info dl.formArea_free dt{line-height: 1.45em;}

.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;}
.formArea_info .wpcf7-not-valid-tip {font-size: 1.6rem}
@media (min-width: 490px){
.formArea:not(:first-of-type){margin-top: 25px;}
.formArea .formArea_info dl{padding-top: 25px;}
.formArea .formArea_info dl dt{font-size: 1.6rem;}	
.formArea .formArea_info .check-menu p{margin-bottom: .6em;}
/*.formArea .formArea_info .check-menu .check-list{margin-top: 10px;padding: 18px 18px 6px;border-radius: 25px;;}*/
.formArea .formArea_info .check-menu .check-list ul li{margin-right: 15px;font-size: 1.4rem;margin-bottom: 12px;width: inherit}
.formArea .formArea_info .check-menu .check-list ul li::before{font-size: 1.6rem;margin-right: 5px;}
.formArea .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}
	
.formArea.plan_select .formArea_title{padding-top: 25px;padding-bottom:50px;}
}
@media (min-width: 768px){
.formArea .formArea_title{width: 5em;margin-right:6em;padding-top: 15px; }
.formArea .formArea_info{width: calc(100% - 11em)}
.formArea .formArea_info dl{display: flex;}
.formArea .formArea_info dl{padding-top: 25px;padding-bottom: 25px;}
.formArea .formArea_info dl dt{width: 12em;margin-bottom:inherit;}

.formArea .formArea_info dl dd{width: calc(100% - 12em);}
.formArea .formArea_info .check_option{margin-top: 10px;}
.formArea .formArea_info .check-menu{margin-top: 10px;padding-left: 1em;padding-right: 1em;}
.formArea .formArea_info .check-menu .wpcf7-list-item-label{font-size: 1.6rem;}	
.formArea .formArea_info dl:not(.check_wrap):not(.formArea_free) dt{padding-top: 1em;}
.formArea .formArea_info dl.formArea_free dt{padding-top: .3em;}
.formArea .formArea_info dl.formArea_free dt span{display: block;margin-left: -1em;}
.formArea .formArea_info dl.formArea_free dd textarea{height: 3.4em}
	
.formArea.plan_select dl dd .wpcf7-list-item{width: inherit;}
.formArea.plan_select dl dd .wpcf7-list-item,.formArea.plan_select dl dd .wpcf7-list-item + .wpcf7-list-item{margin: 8px 0; }
.formArea.plan_select dl dd .wpcf7-list-item:first-of-type{margin-right: 24px; }
}
@media (min-width:991px){
.formArea .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 .formArea_info dl.formArea_free dd textarea{height: 3.4em}
}

@media (min-width:1280px){
.formArea.plan_select .formArea_info .wpcf7-list-item-label{padding-left: 55px;}
.formArea.plan_select dl dd .wpcf7-list-item:first-of-type {margin-right: 60px;}
.formArea.plan_select .formArea_info .wpcf7-list-item-label::before {width: 40px;height: 40px;}
.formArea.plan_select .formArea_info input[type = "checkbox"]:checked + .wpcf7-list-item-label::after{left:13px;}
}

/*選択処理*/
.formArea .formArea_info .wpcf7-form-control{display: flex;flex-wrap: wrap;}
.formArea .formArea_info .wpcf7-list-item{display: block;margin: 0 0 4vw;width: 50%}
.formArea .formArea_info .check_option .wpcf7-list-item{width: 100%}
.formArea .formArea_info input[type = "checkbox"] ,.formArea .formArea_info input[type = "radio"] {display: none;}
.formArea .formArea_info .wpcf7-list-item-label{position: relative;padding-left: 25px;display: block}
.formArea .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(-50%);}
.formArea .formArea_info input[type = "checkbox"]:checked + .wpcf7-list-item-label::after,.formArea .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(-50%);transition: .2s ease-out;}



.formArea.plan_select dl dd .wpcf7-list-item .wpcf7-list-item-label{font-size: 5vw;}

.formArea.plan_select dl dd .wpcf7-list-item{position: relative;}
.formArea.plan_select dl dd .wpcf7-list-item:last-of-type::before{position: absolute;top:-5px;left: 25px;transform: translateY(-100%);}
.formArea.plan_select dl dd .wpcf7-list-item::after{position: absolute;bottom:-5px;right: 0;transform: translateY(100%);}

.formArea.plan_select dl dd .wpcf7-list-item::after{font-size: 2.8vw;display: block;}
.formArea.plan_select dl dd .wpcf7-list-item:last-of-type::before{content:"年一括払いは月額より10%お得!";display: block;font-size: 3.4vw;color: #FF0004;}
.formArea.plan_select dl dd .wpcf7-list-item:first-of-type::after{content:"(税込1,628円)";}
.formArea.plan_select dl dd .wpcf7-list-item:last-of-type::after{content:"(税込17,490円)";}

@media (max-width: 490px){
	.formArea.plan_select dl dd .wpcf7-list-item + .wpcf7-list-item{margin-top:15vw }
}
@media (max-width: 767px){
	.formArea.plan_select dl dd .wpcf7-checkbox{display: inline-block}
	
}

@media (min-width: 490px){
	.formArea.plan_select dl dd .wpcf7-list-item + .wpcf7-list-item{margin-top:80px }
	.formArea.plan_select dl dd .wpcf7-list-item .wpcf7-list-item-label{font-size: 2.4rem;}
	.formArea.plan_select dl dd .wpcf7-list-item:last-of-type::before{font-size: 1.6rem;}
	.formArea.plan_select dl dd .wpcf7-list-item::after{font-size: 1.4rem;}
	
}
@media (min-width: 768px){
	
	.formArea.plan_select dl dd .wpcf7-list-item{margin: 40px 8px 40px 0;width:inherit}
	.formArea.plan_select dl dd .wpcf7-list-item + .wpcf7-list-item{margin: 40px 8px 40px 0;}

	
}
@media (min-width: 1280px){
	.formArea.plan_select dl dd .wpcf7-list-item:last-of-type::before{left: 54px;}
}


.formTitle{text-align: center;background-color:#B9B9B9;color: #FFFFFF;padding: 1em .5em;font-size: 6vw;margin-bottom: 10vw; }

.formArea .formArea_title.title_check{background-color:#A41A4C; }
.formArea .formArea_title.title_bace{background-color:#000000; }
.form_annotation{font-size: 2.8vw;margin-bottom: 1em;}
.form_annotation > span{color: red;}
.form_main{font-size: 3.2vw;margin-bottom: 1em;color: red;font-weight: 700;}
.form_info + .form_info{margin-top: 10vw;}
.form_info_head .wpcf7-list-item{width: 100% !important;}
.form_info_head .wpcf7-list-item .wpcf7-list-item-label{padding-left: 30px;font-size: 3.25vw;line-height: 1.45em;}

.form_info_foot{padding: 4vw 3.5vw;border: 1px #707070 solid;display: flex;}
.form_info_foot ol{margin: 0;list-style: disc;list-style-position: inside;width: 50%;font-size: 2.8vw;letter-spacing: -0.05em;line-height: 1.76em;}


@media (min-width:490px){
	
.formTitle{font-size: 3.8rem;margin-bottom: 80px; }
.form_annotation{font-size: 1.6rem;}
.form_main{font-size: 2.4rem;}
.form_info + .form_info{margin-top: 50px;}
.form_info_head .wpcf7-list-item{width: 100% !important;margin-bottom:24px!important; }
.form_info_head .wpcf7-list-item .wpcf7-list-item-label,.form_info_foot ol{font-size: 2rem;}
.form_info_foot{padding: 20px 25px;}
}

.pc_none{display: none;}
@media (min-width:491px){
.sp_none{display: none;}
.pc_none{display: block;}
}