@charset "UTF-8";@import url("./common.css");#contact .contents{padding-top: 70px;@container ctnHtml (width <= 600px){padding-top: 30px;}h2 + p{text-align: center;margin-top: 50px;}.boxArea{width: min(100%, var(--width-S));font-family: var(--font-family-NSJ);color: var(--color-Design-Txt);margin-top: 50px;padding: 20px 70px 100px;background-color: #FFF;border-radius: 40px;input[type=radio]{appearance: none;& + label{position: relative;margin-right: 50px;padding-left: 30px;cursor: pointer;&:last-child{margin-right: 0;}&::before,&::after{display: block;position: absolute;top: 50%;content: "";aspect-ratio: 1/1;border-radius: 50%;transform: translateY(-50%);transition: all .22s, border-color .18s;}&::before{left: 0;width: 20px;background-color: #CCC;}&::after{left: 1px;width: 18px;background-color: #B3C0DB;border: 5px solid #FFF;opacity: 0;}}&:checked + label::after{opacity: 1;}}input[type=checkbox]{appearance: none;& + label{position: relative;margin-right: 50px;padding-left: 30px;cursor: pointer;&:last-child{margin-right: 0;}&::before,&::after{display: block;position: absolute;top: 50%;content: "";aspect-ratio: 1/1;transform: translateY(-44%);}&::before{left: 0;width: 20px;border: 1px solid #CCC;}&::after{left: 2px;width: 16px;background-image: url(../img/contact/icon_check.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;transition: all .12s;opacity: 0;}}&:checked + label::after{opacity: 1;}}.formItem{display: flex;flex-wrap: wrap;width: 100%;margin-top: 40px;padding-bottom: 40px;border-bottom: 1px solid #CCC;dt{display: grid;grid-template-columns: 1fr auto;gap: 0 10px;justify-content: space-between;align-items: flex-start;width: 170px;font-size: 16px;font-weight: 600;line-height: 1;white-space: nowrap;vertical-align: middle;padding-top: calc(20px + 12px);.required{font-size: 12px;line-height: 1.2;color: #FFF;padding: 0 5px 1px;background-color: var(--color-Design-Black01);}}dd{width: calc(100% - 170px);font-size: 16px;line-height: 1.4;padding: 20px 0 20px 50px;input[type=text],input[type=tel],input[type=email],textarea{width: 100% !important;font-size: 16px;line-height: 1.4;padding: 0.5em 1.5em;border: 1px solid #CCC;&::placeholder{font-size: 14px;color: #AAA;}}&.itRadio{padding-top: calc(20px + 7px);}}}.privacypolicy{clear: both;display: flow-root;width: 80%;margin: 50px auto;h3{font-size: 18px;font-weight: 600;line-height: 1;text-align: center;}.ppContent{overflow-y: scroll;height: 200px;margin-top: 30px;padding: 30px;border: 1px solid #CCC;& > ol{margin-top: 30px;& > li{padding-bottom: 20px;.ppTitle{font-weight: 600;& + p{margin-top: 10px !important;}}ul{margin-top: 10px;li{margin-top: 0;}}}}}}.ppAgree{text-align: center;margin-top: 50px;p{text-align: center;margin-bottom: 30px;}}.btArea{width: 100%;margin-top: 70px;input[type=submit]{display: block;width: 260px;font-size: 18px;line-height: 1.2;color: #FFF;text-align: center;margin: 0 auto;padding: 15px 30px;background-color: var(--color-Design-Red01);border-radius: 999px;transition: var(--transition-TxtLink);@media (hover:hover){&:hover{background-color: var(--color-Design-Hover) !important;}}}}}@container ctnHtml (width <= 1000px){h2 + p{margin-top: 40px;}.boxArea{width: 80%;margin-top: 40px;padding: 20px 50px 100px;border-radius: 30px;.formItem{display: block;width: 100%;margin-top: 30px;padding-bottom: 40px;dt{grid-template-columns: auto auto;gap: 0 15px;justify-content: flex-start;width: 100%;vertical-align: unset;padding-top: 30px;}dd{width: 100%;padding: 10px 0;&.itRadio{padding-top: 20px;}label{margin-right: 40px;input[type=radio]{margin-bottom: 3px;}}}}.privacypolicy{width: 90%;.ppContent{padding: 20px;}}}}@container ctnHtml (width <= 600px){h2 + p{margin-top: 5vh;}.boxArea{width: 100%;margin-top: 3vh;padding: 0 20px 70px;border-radius: 20px;.formItem{margin-top: 30px;padding-bottom: 40px;dt{padding-top: 30px;.required{padding: 1px 5px;}}dd{padding: 15px 0;input[type=text],input[type=tel],input[type=email],textarea{padding: 0.5em 1em;}label{display: block;margin-top: 10px;margin-right: 0;margin-left: 20px;input[type=radio]{margin-bottom: 2px;}}}}.privacypolicy{width: 100%;.ppContent{height: 240px;padding: 20px;}}}}.thanks{h3{text-align: center;margin-top: 50px;& + p{margin-top: 40px;}}p{padding: 20px 50px 0;}}@container ctnHtml (width <= 600px){.thanks{h3{margin-top: 50px;& + p{margin-top: 30px;}}p{padding: 20px 15px 0;}}}}