.divline { width: 100%; height: 1px; background: var(--gray); }

.formList th, .formList td { padding: 1rem; }
.formList th.vertical-top { vertical-align: top; padding: 2rem 1rem 1rem; }
.formList input[type=text], .formList input[type=tel], .formList input[type=tel],
.formList select, .formList textarea {
    min-width: 25%; width: 100%; border: none; outline: none; height: auto; padding: 1rem 1.5rem; border-radius: .5rem; font-size: 1.25rem; font-family: var(--mainfont); background-color: #fff;
}
.formList input[type=text]::placeholder, .formList input[type=tel]::placeholder,
.formList input[type=tel]::placeholder,.formList textarea::placeholder {
    color: #c8c8c8;
}
.formList select { width: auto;  -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(./img/ico_select_appearance.svg); background-repeat: no-repeat; background-position: 96% center; background-size: 1.5rem; }
.formList textarea { min-height: 150px; resize: none; }
.formList input[type=file] { width: 100%; background-color: #fff; padding: 1rem 1.5rem; border-radius: .5rem; font-size: .85rem; }
@media(max-width:990px) {
    .formList colgroup { display: none; }
    .formList tr, .formList th, .formList td { display: block; }
    .formList th { padding: .75rem .5rem .5rem .5rem; }
    .formList td { padding: .5rem; }
    .formList th.text-right { text-align: left; }
    .formList select { width: 50%; }
    .formList textarea { min-height: 100px; }
}

.radio-wrap input[type=checkbox] { transform: scale(1.5); accent-color: var(--pointcolor); margin-right: .5rem; }
.radio-wrap input[type=checkbox] + label { color: #717171; }

#contactlessForm { background-color: #e3dcd6; }
#contactlessForm .dataPickWrap { margin-right: 2rem; }
#contactlessForm .dataPickWrap > input { padding: 1rem 1.5rem 1rem 3rem; }
#contactlessForm .dataPickWrap > img { position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); }
@media(max-width:990px) {
    #contactlessForm .dataPickWrap { width: 50%; }
    #contactlessForm .dataPickWrap > img { width: 1.5rem; left: .75rem; }
}

#captcha { display: inline-flex; justify-content: center; flex-wrap: wrap; }
#captcha #captcha_info { width: 100%; text-align: center; font-size: 1rem; margin: 1rem 0 0; }
.btn_confirm .btn_submit { display: inline-block; margin: 2rem auto; padding: 1rem 4rem; border-radius: 3rem; }
@media(max-width:990px) {
    #captcha { display: block; }
    #captcha #captcha_img { width: 100%; height: auto; }
    #captcha #captcha_key { width: fit-content; height: auto; padding: 1rem; background: #fff; }
    .btn_confirm .btn_submit { font-size: 2rem; }
}

#prefix .speechBubbleWrap { position: relative; max-width: 1240px; margin: auto; display: flex; align-items: flex-start; justify-content: space-between; padding: 5rem 0; }
#prefix .speechBubbleWrap .bubble { position: relative; padding: 1.25rem 2.5rem; background-color: #e3dcd6; border-radius: 3rem; }
#prefix .speechBubbleWrap .bubble:nth-child(2) { margin-top: 3rem; }
#prefix .speechBubbleWrap .bubble::after { position: absolute; content: ''; left: 50%; bottom: -1.5rem; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 1.5rem .75rem 0px .75rem; border-color: #e3dcd6 transparent transparent transparent; }
#prefix .mobile { background-color: #e3dcd6; padding-top: 3rem; overflow: hidden; }
@media(max-width:1240px) {
    #prefix .speechBubbleWrap { max-width: 90%; }

}
@media(max-width:990px) {
    #prefix .speechBubbleWrap { padding: 3rem 0; }
    #prefix .speechBubbleWrap .bubble { padding: 1rem 1.5rem; font-size: 1.5rem; border-radius: 1.5rem; text-align: center; }
    #prefix .speechBubbleWrap .bubble::after { bottom: -1rem; }
    #prefix .mobile img { max-width: 50%; }
}

.lookingGuideList { --x-gap: 5rem; }
.lookingGuideList .lookingList p { padding: 1.25rem .5rem; border-bottom: 1px solid #000; }
.lookingGuideList .lookingList p .num { display: flex; align-items: center; justify-content: center; width: 2rem; height: auto; aspect-ratio: 1/1; border-radius: 50%; letter-spacing: 0; line-height: 1; }
.lookingGuideList .lookingList p .cont { margin-left: 1rem; }

.processList { --x-gap: 4rem; --y-gap: 2.5rem; }
.processList .box { position: relative; background-color: #e3dcd6; padding: 2rem; }
.processList .box .arrowbox { position: absolute; display: flex; align-items: center; justify-content: center; gap: .25rem; top: 50%; transform: translateY(-50%); right: -3rem; }
.processList .box .arrowbox span { width: 5px; height: auto; aspect-ratio: 1/1; border-radius: 50%; background-color: #6c4f3d; }
.processList .box .arrowbox span:first-child { background-color: rgba(108, 79, 61,.3); }
.processList .box .arrowbox span:nth-child(2) { background-color: rgba(108, 79, 61,.6); }
.processList .box .arrowbox span.arrow { width: 0; height: 0; border-style: solid; background-color: transparent; border-width: 5px 0px 5px 10px; border-color: transparent transparent transparent #6c4f3d; border-radius: 0; aspect-ratio: auto; }
@media(max-width:990px) {
    .processList { --x-gap: 3rem; --y-gap: 2rem; }
    .processList .box p { text-align: right; }
    .processList .box .arrowbox { right: -2.25rem; }
    .processList .box .arrowbox span { width: 3px; }
    .processList .box .arrowbox span.arrow { border-width: 2.5px 0px 2.5px 5px; }
}

.visible-sm-flex { display: none !important; }
@media(max-width:990px) {
    .visible-sm-flex { display: flex !important; }
}

#ui-datepicker-div { width: calc( var(--layoutwidth) / 4 ); padding: 0; font-family: var(--mainfont); }
#ui-datepicker-div .ui-widget-header { background-color: #fff; color: var(--textcolor); padding: .5rem 0; }
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next { top: 50%; transform: translateY(-50%); }
#ui-datepicker-div .ui-datepicker-prev .ui-icon { background-image: url("/img/sub/ico_prev.svg"); }
#ui-datepicker-div .ui-datepicker-next .ui-icon { background-image: url("/img/sub/ico_next.svg"); }
#ui-datepicker-div .ui-icon-circle-triangle-w,
#ui-datepicker-div .ui-icon-circle-triangle-e { background-position: 0; }
#ui-datepicker-div select.ui-datepicker-month,
#ui-datepicker-div select.ui-datepicker-year { font-family: var(--mainfont); border-color: var(--light-gray); padding: .5rem; }

#ui-datepicker-div .ui-datepicker-calendar thead tr { position: relative; top: 0; left: 0; right: 0; }
#ui-datepicker-div .ui-datepicker-calendar thead th { display: table-cell; float: none; padding: .5rem 0; background-color: #fff; color: #aaa; opacity: 1; }
#ui-datepicker-div .ui-state-default { background-color: transparent; color: var(--textcolor); border: none; border-radius: 0; padding: .5rem 0; text-align: center; }
#ui-datepicker-div .ui-datepicker-current-day .ui-state-default { background-color: var(--pointcolor) !important; color: #fff; cursor: not-allowed; border-radius: .25rem; }
@media (max-width:768px){
    #ui-datepicker-div { width: 85%; font-size: 2rem; }    
}