@charset "UTF-8";

/* membership.css */

.login_wrap [type*="submit"]{min-width: 18rem;display: flex;align-items: center;justify-content: center;border-radius:var(--bt-rd-l);padding: var(--bt-pd-l);height: var(--bt-h-l);}

.login_wrap fieldset{width: 100%;max-width: 55rem;}
.login_wrap.s03 fieldset{max-width: 100%;}
.login_wrap form{display: flex;align-items: center;justify-content: center;width: 100%;}
.login_wrap .txt_none{display: none}
.login_wrap .input_box {display: flex;gap: var(--spacer9);flex-direction: column;min-width: 55rem;align-items: center;justify-content: center;width: 100%;}
.login_wrap .input_box .input{display: flex;align-items: center;width: 100%;gap: var(--spacer19);flex-direction: row;}
.login_wrap .input_box label{flex-basis: 20%;font-size: var(--fz-body-l);font-weight: 600;}
.login_wrap .input_box input{flex-basis: calc(100% - 20% - var(--spacer19));}

.login_wrap .link{display: flex;font-size: var(--fz-body-s);gap: var(--spacer10);align-items: center;justify-content: center;padding-top: var(--spacer15);}
.login_wrap .link li{position: relative;color: var(--point30);}
.login_wrap .link li:hover{color: var(--point80);}
.login_wrap .link li:not(:first-of-type)::before{content:"";width: .1rem;height: 1rem;position: absolute;background: var(--point10);top:50%;left:-1.1rem;transform: translateY(-50%)}

.box{display: flex;align-items: center;justify-content: center;gap:var(--spacer9);text-align: center;}
.box i{display: flex;align-items: center;justify-content: center;background: url(../images/icon/i_check_circle.svg)center center no-repeat;width: 3.6rem;height: 3.6rem;background-size: 100%;}
.box .hint{color: var(--point30);margin: 0;font-size: 100%;}
.user{border: .1rem solid var(--bd);border-left:0;border-right:0;display: flex;align-items: center;justify-content: center;padding: var(--spacer16);margin-top: var(--spacer19);}
.user ul{display: flex;align-items: center;max-width: 50rem;justify-content: space-between;width: 100%;}
.user ul li{display: flex;align-items: center;justify-content: center;}
.user ul li span:nth-child(1)::after{content:":";padding: var(--spacer4);}

.phint{color: var(--info);font-size: var(--fz-body-s);text-align: center;}
.phint.danger{color: var(--danger)}

.accord_item > div{display:flex;justify-content:space-between; align-items: center;gap:var(--spacer10);padding:var(--spacer8) var(--spacer10);}
.accord_btn{width:auto;padding:var(--spacer5);}
.accord_btn::after{top:50%;right:50%;transform: translate(50%,-50%);}
.accord_panel{background-color:rgba(var(--black),.03);}
.accord_conts{padding:var(--spacer24);border-top:1px solid rgba(var(--black),.2);max-height:30rem;}

.accord_item .int_wrap{flex:1;width: 100%;justify-content: flex-end;}
.accord_item strong{font-size:var(--fz-body-l);font-weight: 700;}
.accord_item strong > *{font-weight:300;font-size:90%;color:var(--point30)}
.accord_item strong .req{color:var(--primary);font-weight: 600;}
.accord_item .tit strong{font-size: var(--fz-body-m);color: var(--point40)}

form + form{padding-top:var(--spacer36); }
.form_box .int_wrap {width: 100%;}
.form_box .int_wrap input{width: auto;flex: initial;}
.form_tit{display: flex;justify-content: space-between;align-items: center;}
.form_tit .tit{font-weight: 700;}

@import url('device.css');