@charset "UTF-8";
/**************************************************/
/* === page_news === */
#page_news .bx_list a{ width: 100%; margin-bottom: 16px; }
#page_news .bx_list a p{ padding: 8px 0 12px; text-align: right; }
#page_news .bx_list a img{ width: 100%; aspect-ratio: 1/1; object-fit: cover; }

/* === page_info === */
#page_info main img{ width: 100%;}
#page_info main p{ font-size: 1.14rem; line-height: 1.8;}
#page_info main p *{ font-size: inherit; line-height: inherit;}
#page_info main p a:hover{ text-decoration: underline;}

/**************************************************/
/* === [c] page_sub === */
[id*="page_sub"] main{ background: #F2F4F7; }
[id*="page_sub"] h3{ padding: 30px 0 20px; font-size: 1.42rem; text-align: center; font-weight: 700; }
[id*="page_sub"] h4{ padding: 30px 0 8px; font-size: 1.28rem; line-height: 1.8}
[id*="page_sub"] h5{ font-size: 1.14rem; color: #777; font-weight: 400; }

[id*="page_sub"] .bx_form{
    width: 100%; padding: 10px 20px 20px; 
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(208, 208, 208, 0.25);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* wrap_input */
[id*="page_sub"] .wrap_input{ 
    display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 6px 0; padding: 12px 0; 
}
[id*="page_sub"] .wrap_input .lb_chk{ width: 100%; padding: 6px 0; font-weight: 400; color: #222; }
[id*="page_sub"] .wrap_input input:is([type="text"], [type="password"], [type="number"]){ width: 100%;}

/* wrap_date */
[id*="page_sub"] .wrap_date{color: #A7A7A7;}
[id*="page_sub"] input:is([type="date"]){ position: relative; width: calc(50% - 46px); overflow: visible; color: #A7A7A7; }
.for_datepicker{display: flex; align-items: center; width: calc(50% - 20px); }
.for_mdpicker input{display: flex; align-items: center; width: calc(100% - 20px) !important; }
 .for_datepicker:after,.for_mdpicker:after{
    flex-shrink: 0;
    content:'';
    width:15px;
    height:15px;
    display:block;
    background: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.125 15C0.825 15 0.5625 14.8875 0.3375 14.6625C0.1125 14.4375 0 14.175 0 13.875V2.25C0 1.95 0.1125 1.6875 0.3375 1.4625C0.5625 1.2375 0.825 1.125 1.125 1.125H2.34375V0H3.5625V1.125H9.9375V0H11.1562V1.125H12.375C12.675 1.125 12.9375 1.2375 13.1625 1.4625C13.3875 1.6875 13.5 1.95 13.5 2.25V13.875C13.5 14.175 13.3875 14.4375 13.1625 14.6625C12.9375 14.8875 12.675 15 12.375 15H1.125ZM1.125 13.875H12.375V5.8125H1.125V13.875ZM1.125 4.6875H12.375V2.25H1.125V4.6875ZM6.75 9C6.5375 9 6.35938 8.92813 6.21563 8.78438C6.07188 8.64062 6 8.4625 6 8.25C6 8.0375 6.07188 7.85938 6.21563 7.71563C6.35938 7.57188 6.5375 7.5 6.75 7.5C6.9625 7.5 7.14063 7.57188 7.28438 7.71563C7.42813 7.85938 7.5 8.0375 7.5 8.25C7.5 8.4625 7.42813 8.64062 7.28438 8.78438C7.14063 8.92813 6.9625 9 6.75 9ZM3.75 9C3.5375 9 3.35938 8.92813 3.21563 8.78438C3.07188 8.64062 3 8.4625 3 8.25C3 8.0375 3.07188 7.85938 3.21563 7.71563C3.35938 7.57188 3.5375 7.5 3.75 7.5C3.9625 7.5 4.14062 7.57188 4.28438 7.71563C4.42813 7.85938 4.5 8.0375 4.5 8.25C4.5 8.4625 4.42813 8.64062 4.28438 8.78438C4.14062 8.92813 3.9625 9 3.75 9ZM9.75 9C9.5375 9 9.35938 8.92813 9.21563 8.78438C9.07188 8.64062 9 8.4625 9 8.25C9 8.0375 9.07188 7.85938 9.21563 7.71563C9.35938 7.57188 9.5375 7.5 9.75 7.5C9.9625 7.5 10.1406 7.57188 10.2844 7.71563C10.4281 7.85938 10.5 8.0375 10.5 8.25C10.5 8.4625 10.4281 8.64062 10.2844 8.78438C10.1406 8.92813 9.9625 9 9.75 9ZM6.75 12C6.5375 12 6.35938 11.9281 6.21563 11.7844C6.07188 11.6406 6 11.4625 6 11.25C6 11.0375 6.07188 10.8594 6.21563 10.7156C6.35938 10.5719 6.5375 10.5 6.75 10.5C6.9625 10.5 7.14063 10.5719 7.28438 10.7156C7.42813 10.8594 7.5 11.0375 7.5 11.25C7.5 11.4625 7.42813 11.6406 7.28438 11.7844C7.14063 11.9281 6.9625 12 6.75 12ZM3.75 12C3.5375 12 3.35938 11.9281 3.21563 11.7844C3.07188 11.6406 3 11.4625 3 11.25C3 11.0375 3.07188 10.8594 3.21563 10.7156C3.35938 10.5719 3.5375 10.5 3.75 10.5C3.9625 10.5 4.14062 10.5719 4.28438 10.7156C4.42813 10.8594 4.5 11.0375 4.5 11.25C4.5 11.4625 4.42813 11.6406 4.28438 11.7844C4.14062 11.9281 3.9625 12 3.75 12ZM9.75 12C9.5375 12 9.35938 11.9281 9.21563 11.7844C9.07188 11.6406 9 11.4625 9 11.25C9 11.0375 9.07188 10.8594 9.21563 10.7156C9.35938 10.5719 9.5375 10.5 9.75 10.5C9.9625 10.5 10.1406 10.5719 10.2844 10.7156C10.4281 10.8594 10.5 11.0375 10.5 11.25C10.5 11.4625 10.4281 11.6406 10.2844 11.7844C10.1406 11.9281 9.9625 12 9.75 12Z' fill='%239A99A2'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size:cover;
}
[id*="page_sub"] input:is([type="date"])::-webkit-calendar-picker-indicator{
    position: absolute; right: -30px; 
    width: 24px; height: 100%;
    background:url(../img/common/ico_calendar.svg) no-repeat center;
}

/* bx_chks */
[id*="page_sub"] .bx_chks{ display: flex; flex-flow: row wrap; margin: 6px 0 18px; }
[id*="page_sub"] .bx_chks .lb_chk{ flex: 1 1 50%; padding: 6px 0; }
[id*="page_sub"] .bx_chks .lb_chk:first-of-type,
[id*="page_sub"] .bx_chks .lb_chk:last-of-type{ width: 100%; flex: none;}

/* etc */
[id*="page_sub"] .input_dateFrom,[id*="page_sub"] .input_dateTo{ margin-right: 5px;}
[id*="page_sub"] .input_name{ width: 140px; margin-right: calc(100% - 140px);}
[id*="page_sub"] textarea{ width: 100%; height: 150px; }
[id*="page_sub"] .bx_btnBottom{ margin-top: auto;}


/* === page_sub1 === */
#page_sub1 .lb_chkAll{ padding: 6px 0; margin-top: 12px; }
#page_sub1 .bx_chkPolicy{ padding-left: 20px; margin-bottom: 18px; }
#page_sub1 .bx_chkPolicy .lb_chk{ padding: 6px 0; color: #777; }

/**************************************************/
/* === page_confirm === */
#page_confirm main { padding-top: 38px;}
#page_confirm main p.b_point{
    position: relative;
    left: -30px;
    width: calc(100% + 60px);margin: 0 auto;
    line-height: 42px;
    text-indent: 30px;
    font-size: 1.28rem;
    border-radius: 0 !important;
}
#page_confirm h4{
    position: relative; left: -30px; width: calc(100% + 60px); margin: 22px auto 8px; 
    background: #F9F9F9; line-height: 44px; text-indent: 30px;  font-size: 1.28rem; 
}
#page_confirm h5{ min-height: 28px; font-size: 1.14rem; font-weight: 400; line-height: 1.8; }

#page_confirm .lb_chk{ width: 100%; padding: 11px 0; }

#page_confirm .bx_btnBottom{ flex-flow: column nowrap; gap: 14px 0; }
#page_confirm .bx_btnBottom button{ width: 100%;}
#page_confirm .bx_btnBottom .btn_back{background: #C0C0C0;}

/**************************************************/
/* === page_complete === */
#page_complete main{ padding-top: 36px;}
#page_complete .bx_border{
    display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;
    text-align: center; min-height: calc(100vh - 70px - 72px); padding: 30px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
#page_complete .bx_border img{width: 50px;}
#page_complete .bx_border b{ margin-top: 5px; line-height: 1.7; font-size: 1.42rem;}
#page_complete .bx_border p{ 
    margin: 40px auto 35px; font-size: 1.14rem; line-height: 1.8; font-weight: 400; color: #000;
}
#page_complete .bx_border span{ margin-bottom: 72px; color: #777; line-height: 1.8; font-weight: 400; }


/* particle */
#page_complete .bx_border{ overflow-x: hidden; }
#page_complete .shape {
    position: absolute;
    width: 50px; height: 50px;
    transform: scale(0.8);
}
#page_complete .cir {
    position: absolute; z-index: 5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
#page_complete .wrap_particles { position: relative; width: 100%; }
  
#page_complete .btn_submit {
    position: relative; z-index: 10;
}
#page_complete .bx_particles {
    position: absolute; top: calc(50% - 50px); z-index: 5;
    width: 100px; height: 100px;
}

/**************************************************/
/* ================================= responsive */
@media screen and (min-width: 1025px){

}
@media screen and (max-width: 1680px){

}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 560px){
    /* #page_confirm main p.b_point{ width: calc(100% - 10px);} */
}
@media screen and (max-width: 360px){

    #page_confirm h4{ left: -15px;  width: calc(100% + 30px);  text-indent: 15px;  }
}