@charset "utf-8";

.hide-on-form {display:none;}
body {background:#f0f0f0;}
#boxCopyParent {padding:0;}
#boxCopyright {padding-bottom:6rem;}

/* ================================================
   蕾熱イ 蛤濠檣
   ================================================ */
#boxFormTitle {z-index:1001;width:100%;padding:2.5rem 0 .5rem 0;text-align:center;}
#boxFormTitle strong {display:block;font-size:2rem;font-weight:500;margin-bottom:1rem;color:var(--text-base);}
#boxFormTitle p { display:block; font-size:1.25rem; font-weight:400;line-height:1.4;color:var(--text-sub);}
#boxFormTitle p em {font-style:normal;}

#boxFormChk {max-width:720px; padding:2.5rem 1.5rem;margin:0 auto;min-height:calc(100vh - 140px);}
#boxFormChk .progressBar {margin-bottom:1rem;}
#boxFormChk .progressBar .glaph {flex:1;height:1rem;border:1px solid var(--primary);border-radius:.5rem;background:#fff;overflow:hidden;}
#boxFormChk .progressBar .glaph span {display:block;height:100%;background:var(--primary);border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;}
#boxFormChk .progressBar .percent {width:8%;text-align:right;font-style:normal;font-weight:500;color:var(--primary);}

#boxBtnFixed {position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);width:88%;z-index:1000;gap:.5rem;max-width:720px;}
#boxBtnFixed button {flex:1;height:3.4rem;border:0;border-radius:.5rem;background:var(--primary);color:#fff;font-size:1.25rem;}
#boxBtnFixed button.btnPrevStep,
#boxBtnFixed button.btnHomeStep {background:#aaa;}

.boxAllinoneType .boxAllinoneType_List {width:32.5%;display:block;background:#fff;padding:1.5rem;margin-bottom:.75rem;border-radius:1rem;text-align:left;}
.boxAllinoneType .boxAllinoneType_List strong {display:block;font-size:1.25rem;color:var(--primary);margin-bottom:.5rem;}
.boxAllinoneType .boxAllinoneType_List div.con {display:block;font-size:1rem;color:var(--text-base);}
.boxAllinoneType .boxAllinoneType_List.on {background:var(--primary);}
.boxAllinoneType .boxAllinoneType_List.on strong,
.boxAllinoneType .boxAllinoneType_List.on div.con {color:#fff;}

/* ================================================
   蕾熱イ で機 褫暮
   ================================================ */
/* 類熱 */
.boxPop {max-width:540px;width:90%;margin:0 auto;position:relative;background:#fff;border-radius:1rem;padding:2rem;font-size:1.15rem;}
.boxPop .boxFormTit {font-size:1.25rem;text-align:center;font-weight:500;margin-bottom:1rem;}
.boxPop .boxFormCon span {border-radius:4px;display:block;margin-top:.5rem;text-align:center;border:1px solid #ddd;line-height:2.5rem;}
.boxPop .boxFormCon span.on {border:1px solid var(--primary);color:#fff;background:var(--primary);}
.boxPop .boxFormCon span.empty {border:0;}

.boxPopFloor .boxFormCon span {width:32%;}
.boxPopMethod .boxFormCon span {width:100%;}
.boxPopBox .boxFormCon span {width:100%;}
.boxPopData .boxFormCon span {width:100%;}

/* ================================================
   蕾熱イ1
   ================================================ */
.boxServiceType .boxServiceType_List {background:#fff;padding:1rem 1.25rem;margin-top:.75rem;border-radius:1rem;text-align:left;}
.boxServiceType .boxServiceType_List strong {display:block;font-size:1.35rem;color:var(--primary);margin-bottom:.5rem;}
.boxServiceType .boxServiceType_List p {display:block;font-size:1rem;color:var(--text-base);}
.boxServiceType .boxServiceType_List.on {background:var(--primary);}
.boxServiceType .boxServiceType_List.on strong,
.boxServiceType .boxServiceType_List.on p {color:#fff;}

/* ================================================
   蕾熱イ2 & 蕾熱イ4 & 蕾熱イ5 & 蕾熱イ6
   ================================================ */
.formWriteInput {font-size:1.15rem;margin-top:1.5rem;}
.formWriteInput label {display:block;text-align:left;font-weight:500;margin-bottom:1rem;}
.formWriteInput label em {color:var(--primary);margin-right:.25rem;font-style:normal;}
.formWriteInput label em.gray {color:#999;}
.formWriteInput input[type='text'],
.formWriteInput input[type='tel'],
.formWriteInput input[type='number'],
.formWriteInput textarea,
.formWriteInput button {width:100%;line-height:3rem;padding:0 1rem;border-radius:.5rem;border:0;margin-bottom:.5rem;background:#fff;text-align:left;} 
.formWriteInput textarea {line-height:1.4;padding:1rem;}
.formWriteInput .boxAddr {position:relative;}
.formWriteInput .boxAddr input.addr {padding-left:3rem;}
.formWriteInput .boxAddr i {position:absolute;top:0;left:0;line-height:3rem;width:3rem;text-align:center;}

/* ================================================
   蕾熱イ3
   ================================================ */
.calendarChk {width:100%;border:0;border-spacing:0;border-collapse:collapse; margin:1rem auto;background:#fff;border:1rem solid #fff;}
.calendarChk tr th,
.calendarChk tr td {line-height:2rem;}
.calendarChk tr td.sat {color:#0000ff;}
.calendarChk tr td.sun {color:#ff0000;}
.calendarChk tr td.past-day {color:#ddd;}
.calendarChk tr td span {display:block;margin:0 auto;border-radius:50%;text-align:center;width:2rem;height:2rem;line-height:2rem;position:relative;}
.calendarChk tr td.on span {background:var(--primary);color:#fff;}
.calendarChk tr td.good-day span::before {content:'';width:5px;height:5px;border-radius:50%;background:#ff0000;position:absolute;top:0;right:0;}
.calendarChk tr td.past-day span::before {content:'';width:5px;height:5px;border-radius:50%;background:transparent !important;position:absolute;top:0;right:0;}

#formWrite .calendar-nav button {border:0;}
#formWrite .calendarNotice {color:var(--primary);margin-top:1.5rem;}
#formWrite .boxServiceKeep {margin:1rem auto;}

/* ================================================
   蕾熱イ4 & 蕾熱イ5 & 蕾熱イ6
   ================================================ */
.upload-container {gap:10px;}
.upload-container .upload-box {width:23%;aspect-ratio:1/1;background:#fff;border-radius:10px;border:2px solid #eee;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;text-align:center;}
.upload-container .upload-box input[type="file"] {display:none;}
.upload-container .upload-box img {width:100%;height:100%;object-fit:cover;border-radius:10px;}
.upload-container .plus-icon {font-size:28px;width:100%;height:100%;color:#bbb;text-align:center;}

/* ================================================
   蕾熱イ7
   ================================================ */
#formWrite .boxServiceAgree {margin:1rem auto;}
#formWrite .boxNumberConfirm input {flex:1;}
#formWrite .boxNumberConfirm button {width:30%;margin-left:.5rem;background:var(--primary);color:#fff;text-align:center;}

.none {display:none;}
#boxTel.readonly button,
#boxTelok.readonly button {background:#666;}

/* ================================================
   蕾熱イ8
   ================================================ */
.boxChkList {gap:.5rem;}
.boxChkList button {flex:1;text-align:center;font-size:1rem;line-height:1.4;padding:1rem 0;}
.boxChkList button.on {background:var(--primary);color:#fff;}

.btnOptionImg.on {position:relative;}
.btnOptionImg.on::before {content:'';position:absolute;width:100%;height:100%;display:block;border:3px solid var(--primary);border-radius:.5rem;}

.boxTelecom {gap:.5rem;}
.boxTelecom > div {flex:1;text-align:center;border-radius:.5rem;background:#fff;aspect-ratio:1/.6;}
.boxTelecom > div img {display:block;margin:0 auto;max-width:60%;max-height:50%;}

/* ================================================
   蕾熱イ9 & 蕾熱イ10
   ================================================ */
.boxServiceKeep,
.service-agree { display: block; width: 100%; padding: 1rem; border:0; border-radius: .5rem; background: #fff; font-size: 1.15rem; margin-bottom:.5rem; text-align:left;}