@charset "utf-8";
@font-face {
    font-family: 'AggroL';
    src: url('./fonts/SBAggroL.ttf') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'AggroM';
    src: url('./fonts/SBAggroM.ttf') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'AggroB';
    src: url('./fonts/SBAggroB.ttf') format('woff');
    font-weight: 700;
    font-display: swap;
}

.aggroL { font-family: 'AggroL', sans-serif; }
.aggroM { font-family: 'AggroM', sans-serif; }
.aggroB { font-family: 'AggroB', sans-serif; }

.checkico { display: flex; align-items: center; justify-content: center; width: 1.5rem; height: auto; aspect-ratio: 1/1; border-radius: .125rem; background-color: var(--pointcolor); }
.step-arrow { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); }
.processList { --x-gap: 3rem; --y-gap: 3rem; }

fieldset label { margin: 2rem 0 .5rem; }
fieldset input[type=text],
fieldset input[type=email],
fieldset input[type=tel],
fieldset input[type=password],
fieldset select,
fieldset textarea { height: auto; padding: 1rem; background-color: #fff; border: 2px solid #dfe5ef; border-radius: .5rem; outline: none; font-family: 'AggroL', sans-serif; box-shadow: none !important; }
fieldset textarea { min-height: 200px; resize: none; }
#board_view fieldset input[type=text],
#board_view fieldset input[type=email],
#board_view fieldset input[type=tel],
#board_view fieldset input[type=password],
#board_view fieldset select, #board_view fieldset textarea { font-family: var(--mainfont); font-weight: 500; }
#board_view fieldset textarea { min-height: 500px; }
fieldset input[type=text]::placeholder,
fieldset input[type=email]::placeholder,
fieldset input[type=tel]::placeholder,
fieldset input[type=password]::placeholder,
fieldset textarea::placeholder { font-family: 'AggroL', sans-serif; color: #b5b5b5; }
fieldset input[type=text]:focus,
fieldset input[type=email]:focus,
fieldset input[type=tel]:focus,
fieldset input[type=password]:focus,
fieldset select:focus,
fieldset textarea:focus { border-width: 2px !important; border-color: var(--pointcolor) !important; }
fieldset .emailWrap #wr_email_prefix { width: 35%; }
fieldset .emailWrap #wr_email_suffix { width: 30%; }
fieldset .emailWrap select { width: 25%; }
fieldset button[type=submit],
#board_view fieldset button[type=button] { margin: 2.5rem auto; padding: 1.25rem 10rem 1rem; border-radius: 5rem; line-height: 1; }
#fwrite #captcha { margin: 2rem 0; }

@media (max-width:1180px){
    .max1180 { width: 80%; }
}
@media (max-width:768px){
    .max1180 { width: 95%; }
    .boTitle { flex-direction: column; }
    .boTitle .boTitleText { margin-top: 1rem; text-align: center; }
    .step-arrow { bottom: -2rem; }
    fieldset input[type=text],
    fieldset input[type=email],
    fieldset input[type=tel],
    fieldset input[type=password],
    fieldset select,
    fieldset textarea { padding: 1.5rem 1rem; }
    fieldset .emailWrap { flex-wrap: wrap; }
    fieldset .emailWrap #wr_email_prefix,
    fieldset .emailWrap #wr_email_suffix { width: 45%; }
    { width: 35%; }
    fieldset .emailWrap p { width: 5%; }
    fieldset .emailWrap select { width: 100%; margin-top: .5rem; }
    fieldset button[type=submit],
    #board_view fieldset button[type=button] { padding: 1.5rem 0 1.25rem; width: 100%; }
}