/*-----------------------------
     contact
-----------------------------*/

#formArea { padding-top: 200px; padding-bottom: 200px;}

@media screen and (max-width: 991px) {
#formArea  {
    padding-top: 150px;
    padding-bottom: 150px;
}
}
	
@media screen and (max-width: 490px) {
#formArea  {
    padding-top: 8vw;
    padding-bottom: 8vw;
}
}

#formArea {margin-left: auto;margin-right: auto;max-width:1070px; }
#formArea dl{}
#formArea dl:not(:last-of-type){margin-bottom: 35px}
#formArea dl dt{height: 75px;}
#formArea dl dt{display: flex;align-items: center;justify-content: space-between;}
#formArea dl,#formArea dl dd input,#formArea dl dd select,#formArea dl dd textarea{font-size: 4.2vw}
#formArea dl dt span{font-size: 4.2vw;display: block;padding: .4em 1.5em .45em;background-color: #D56991;color: rgba(255,255,255,1.00);}

#formArea dl dd{margin-top: 15px;margin-left: 0;}
#formArea dl dd > span{width: 100%;display: block}
#formArea dl dd input:not([type="radio"]),#formArea dl dd textarea{width: 100%;height: 75px;}
#formArea dl dd input:not([type="radio"]),#formArea dl dd select,#formArea dl dd textarea{display: block;padding:1em;border: 1px solid #707070;outline: none; }

#formArea dl dd .wpcf7-form-control{display: flex;flex-wrap: wrap;}
#formArea dl dd .wpcf7-list-item-label{font-size: 4.2vw;}
#formArea dl dd input[type="radio"]+ .wpcf7-list-item-label{padding-left: 40px}
#formArea dl dd input[type="radio"]{display: none}
#formArea dl dd .wpcf7-list-item{margin-bottom: 5vw}
#formArea dl dd .wpcf7-list-item:not(:last-of-type){margin-right:25px }
#formArea dl dd .wpcf7-list-item label{position: relative;}
#formArea dl dd .wpcf7-list-item-label::after{content: "";display: block;width:30px;height: 30px;border-radius: 50%;background-color:#F4F4F4;position: absolute;top: 50%; transform: translateY(-50%); left: 0;  }
#formArea dl dd input[type="radio"]:checked + .wpcf7-list-item-label::before{content: "";display: block;width:20px;height: 20px;border-radius: 50%;background-color:#D56991;position: absolute;top: 50%; transform: translateY(-50%); left: 5px;z-index: 2 }

#formArea dl dd textarea{height: 250px}

#formArea dl.cheks dd {display: flex;align-items: center;}

#formArea dl dd .zipArea:not(:last-of-type){margin-bottom: 20px;}
#formArea dl dd .zipArea.zipcode{display: flex;flex-wrap: wrap; align-items: center}
#formArea dl dd .zipArea.zipcode input{width: 7em;}
#formArea dl dd .zipArea.zipcode input#zip31{margin-right: 8px;}
#formArea dl dd .zipArea.zipcode input#zip32{margin-left: 8px;}
#formArea dl dd .zipArea.zipcode p{width: 100%;margin-top:5px; }

#formArea .form_checked{margin-top: 45px;}
#formArea .form_checked input[type = "radio"],.form_checked input[type = "checkbox"]{display: none;}
#formArea .form_checked .wpcf7-list-item label{display: flex;}
#formArea .form_checked .wpcf7-list-item-label{position: relative;padding-left: 28px;font-size: 3.5vw}
#formArea .form_checked .wpcf7-list-item-label::before{content: "";display: block; position: absolute;width: 23px;height: 23px;border: 1px solid #CECECE;top: 50%; left: 0;transform: translateY(-50%);background-color: rgba(255,255,255,1.00);}
#formArea .form_checked input[type = "checkbox"]:checked + .wpcf7-list-item-label::after,.form_checked input[type = "radio"]:checked + .wpcf7-list-item-label::after {content: "\f00c";font-family: "Font Awesome 5 Free";font-size: 15px; color:#FF4600; font-weight: 900;display: block; position: absolute;top:50%;left:3px; transform: translateY(-50%);transition: .2s ease-out;}
#formArea .form_checked .wpcf7-form-control{display: flex;justify-content: center;}

#formArea #submit {margin-top:60px }
#formArea #submit input{width: 100%;max-width: 440px;height: 105px;display: flex;align-items: center;justify-content: center;color: #FFFFFF;font-size: 3vw; margin-left: auto;margin-right: auto;border: none;outline-color: none;background-color: #3B3B3B;transition: .2s ease-out;}
#formArea #submit input:hover{opacity: .8;}
@media (min-width:490px){
#formArea dl,#formArea dl dd input:not([type="radio"]),#formArea dl dd select,#formArea dl dd textarea{font-size: 2rem}
#formArea dl dt span{font-size: 1.6rem;}
#formArea dl dd input[type="radio"]{font-size: 2rem}
#formArea dl dd .wpcf7-list-item-label{font-size: 2rem}
#formArea .form_checked .wpcf7-list-item-label{font-size: 2rem;}
#formArea dl dd .zipArea.zipcode p{font-size: 1.6rem}
#formArea #submit input{font-size: 2.5rem}
}
@media (min-width:768px){
#formArea dl{display: flex}
#formArea dl:not(:last-of-type){margin-bottom: 65px}
#formArea dl dt{width: 250px}
#formArea dl dd{width: calc(100% - 250px)}
#formArea dl dd{padding-left: 25px;margin-top:initial;}
#formArea dl dd .wpcf7-list-item{margin-bottom: inherit}
}

@media (min-width:991px){
#formArea .form_checked{margin-top: 90px;}
#formArea #submit {margin-top:120px }
}

@media (min-width:1280px){
#formArea dl dt{width: 270px;}
#formArea dl dd{width: calc(100% - 270px)}
#formArea dl dd{padding-left: 100px;}
#formArea dl dd .wpcf7-list-item:not(:last-of-type){margin-right:77px }
}

#privacy{margin-top: 45px}
#privacy h2{margin-top: 0;margin-bottom: 2em;text-align: center;font-size: 4.2vw}
#privacy #privacy__overflow{max-width:832px;width: 100%;margin-left: auto;margin-right: auto;}
#privacy #privacy__overflow{background-color: #FFFFFF ;padding-right: 17px;padding-top:22px;padding-bottom: 22px;border: 1px solid rgba(164,164,164,1.00);}
#privacy #privacy__overflow #privacy__info{height:218px;overflow-y: scroll;padding:17px 39px 17px; }
#privacy #privacy__overflow #privacy__info h3,#privacy #privacy__overflow #privacy__info h4,#privacy #privacy__overflow #privacy__info p{font-size: 3.2vw}
#privacy #privacy__overflow #privacy__info h3,#privacy #privacy__overflow #privacy__info h4{margin-top: 0;margin-bottom: .5em}

#privacy #privacy__overflow #privacy__info .privacy__info__item{margin-bottom: 2em}

ol.num{counter-reset: item;margin-bottom: 0}
ol.num li{display: flex;}
ol.num li::before{counter-increment: item;content: counter(item)'.';padding-right: .5em;line-height: 1.68em;padding-top: .28em}
ol.num li::before{width: 1.5em}
ol.num li p{width: calc(100% - 1.5em);}
ol.check{margin-bottom: 0}
ol.check li{display: flex;}
ol.check li::before{content: "※";padding-right: .5em;line-height: 1.68em;padding-top: .28em}
ol.check li::before{width: 1.5em}
ol.check li p{width: calc(100% - 1.5em);}
ol li p{margin-bottom: 0}

@media (min-width: 490px){
#privacy #privacy__overflow #privacy__info h3,#privacy #privacy__overflow #privacy__info h4,#privacy #privacy__overflow #privacy__info p{font-size:1.2rem;}

}
@media (min-width: 991px){
#privacy{margin-top: 74px}
#privacy h2{font-size: 2.4rem;}
}

#formArea .wpcf7 form .wpcf7-response-output{font-size: 4vw;text-align: center;padding: .6em;}
#formArea .wpcf7-not-valid-tip{font-size: 4vw;margin-top: .7em;}
#formArea .form_checked .wpcf7-not-valid-tip{text-align: center;}
@media (min-width: 490px){
#formArea .wpcf7 form .wpcf7-response-output{font-size: 1.6rem;}
#formArea .wpcf7-not-valid-tip{font-size: 1.6rem;}
}