:root {
  --key-color: #ed6c00;
}

.badge-required,
.badge.badge-required {
  display: none;
}
.container {
  max-width: none;
  border: none;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
strong{
  font-weight: normal;
}

.message-block-error{
    color: #000;
}
.form-column-9e8dab88-89a7-4881-a91d-73cd5b43a7a4 legend{
  display: none;
}

.form-column-9e8dab88-89a7-4881-a91d-73cd5b43a7a4 .preview-block {
    padding-left: 30px;
    position: relative;
}
.form-column-9e8dab88-89a7-4881-a91d-73cd5b43a7a4 .preview-block:before {
    background-color: #6c6c6c;
    border-radius: 2px;
    content: "";
    height: 20px;
    left: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}
.form-column-9e8dab88-89a7-4881-a91d-73cd5b43a7a4 .preview-block:after {
    border: 2px solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 9px;
    left: 7px;
    position: absolute;
    top: 6px;
    transform: rotate(45deg);
    width: 5px;
}


/*  c-button  */
.button {
    display: flex;
    font-variation-settings: "wght" 400;
}


/*  content  */
.content blockquote,
.content code,
.content dd,
.content div,
.content dl,
.content dt,
.content fieldset,
.content ,figure
.content ,form
.content ,h1,h2,h3,h4,h5,h6,
.content legend,
.content li,
.content ol,
.content p,
.content pre,
.content ul {
    margin: 0;
    padding: 0
}



.content .input-group:has(input[type=radio]) .option>input {
    cursor: pointer;
    height: 20px;
    position: relative;
    width: 20px;
    flex-basis: 21px;
}

.content .input-group:has(input[type=radio]) .option>input:before {
    background-color: #fff;
    border: 1px solid var(--key-color);
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 20px;
    left: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 20px
}

.content .input-group:has(input[type=radio]) .option>input:checked:before {
    background-color: var(--key-color);
    border: 1px solid var(--key-color);
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.content .input-group:has(input[type=radio]) .option>input:checked:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 6px
}

.content .input-group:has(input[type=radio]) .option>span {
    flex-basis: calc(100% - 19px);
}

.content .form-column-checkbox:has(input[type=checkbox]) input {
    cursor: pointer;
    height: 20px;
    margin: auto 0;
    position: relative;
    width: 20px
}

.content .form-column-checkbox:has(input[type=checkbox]) input:before {
    background-color: #fff;
    border: 1px solid var(--key-color);
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 20px;
    left: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 20px
}

.content .form-column-checkbox:has(input[type=checkbox]) input:checked:before {
    background-color: var(--key-color);
    border-radius: 2px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.content .form-column-checkbox:has(input[type=checkbox]) input:checked:after {
    border: 2px solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 9px;
    left: 7px;
    position: absolute;
    top: 4.4px;
    transform: rotate(45deg);
    width: 5px
}

.content {
    margin-top: 50px
}

.content .form-column-email>label,.content .form-column-heading>h2,.content .form-column-text:has(.badge-optional)>label,.content .form-column-textarea>label,.content .message-block>span strong,.content legend {
    font-size: 18px;
    font-variation-settings: "wght" 500;
    line-height: 30px
}

.content .form-column,.content .form-column-checkbox:has(input[type=checkbox]),.content .form-column-checkbox:has(input[type=checkbox]) .option-text,.content .input-group:has(input[type=radio]) .option .option-text {
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 640px) {
    .content .form-column,.content .form-column-checkbox:has(input[type=checkbox]),.content .form-column-checkbox:has(input[type=checkbox]) .option-text,.content .input-group:has(input[type=radio]) .option .option-text {
        font-size:13px;
        line-height: 30px
    }
}

.content .hidden {
    display: none!important
}

.content .badge-required {
    visibility: hidden
}

.content .badge-optional {
    display: none
}

.content .message-block {
    background-color: #f01f1f1a;
    border: 1px solid #f01f1f4d;
    border-radius: 30px;
    padding: 30px
}

@media (max-width: 640px) {
    .content .message-block {
        padding:20px
    }
}

.content .message-block>span strong {
    font-variation-settings: "wght" 550
}

.content .message-block>ul {
    margin-top: 20px
}

.content .message-block>ul>li {
    padding-left: 20px;
    position: relative
}

.content .message-block>ul>li:before {
    content: "・";
    left: 0;
    position: absolute
}

.content .message-block>ul>li+li {
    margin-top: 5px
}

.content .message-block>ul>li>a {
    text-decoration: none
}

.content .message-block>ul>li strong {
    color: #000;
    font-variation-settings: "wght" 400
}

.content legend {
    color: #262626
}

.content legend>.badge-required {
    display: inline-block;
    position: relative
}

.content legend>.badge-required:after {
    color: #f01f1f;
    content: "*";
    display: block;
    font-size: 12px;
    height: 6px;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 0;
    visibility: visible;
    width: 6px
}

.content legend+.preview-block {
    margin-top: 30px
}

@media (max-width: 640px) {
    .content legend+.preview-block {
        margin-top:25px
    }
}

.content .input-group:has(input[type=radio]) {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
    margin-top: 40px;
    max-width: 700px
}

@media (max-width: 640px) {
    .content .input-group:has(input[type=radio]) {
        flex-direction:column
    }
}

.content .input-group:has(input[type=radio]) .option {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-basis: calc(50% - 30px);
    gap: 10px
}

.content .form-column-heading {
    margin-top: 50px
}

.content .form-column-heading>h2 {
    color: #262626;
    display: inline-block;
    position: relative;
    width: fit-content
}

.content .form-column-heading>h2:after {
    color: #f01f1f;
    content: "*";
    display: block;
    font-size: 12px;
    height: 6px;
    opacity: 1;
    position: absolute;
    right: -5px;
    top: 0;
    visibility: visible;
    width: 6px
}

.content .form-column {
    align-items: flex-start;
    display: flex;
    gap: 20px
}

@media (max-width: 640px) {
    .content .form-column {
        flex-direction:column
    }
}

.content .form-column:has(input[type=text]) {
    width: 50%
}

@media (max-width: 640px) {
    .content .form-column:has(input[type=text]) {
        width:100%
    }
}

.content .form-column:has(textarea) {
    width: 100%
}

.content .form-column>label {
    color: #5c5c5c;
    flex-basis: 185px;
    font-weight: 700;
    min-width: 195px
}

@media (max-width: 640px) {
    .content .form-column>label {
        flex-basis:auto;
        min-width: auto
    }
}

.content .form-column>input,.content .form-column>textarea {
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    flex-basis: calc(100% - 205px)
}

@media (max-width: 640px) {
    .content .form-column>input,.content .form-column>textarea {
        flex-basis:100%;
        width: calc(100% - 10px)
    }
}

.content .form-column+.form-column-text {
    margin-top: 20px
}

@media (max-width: 640px) {
    .content .form-column+.form-column-text {
        margin-top:25px
    }
}

.content .form-column:has(>h2) {
    margin-top: 50px
}

.content .form-column-email {
    margin-top: 50px
}

.content .form-column-email>label {
    color: #262626
}

.content .form-column-email>label>.badge-required {
    display: inline-block;
    position: relative
}

.content .form-column-email>label>.badge-required:after {
    color: #f01f1f;
    content: "*";
    display: block;
    font-size: 12px;
    height: 6px;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 0;
    visibility: visible;
    width: 6px
}

.content .form-column-text:has(.badge-optional) {
    margin-top: 50px
}

.content .form-column-text:has(.badge-optional)>label {
    color: #262626
}

.content .form-column-tel {
    display: none
}

.content .form-column-textarea {
    margin-top: 50px
}

.content .form-column-textarea>label {
    color: #262626
}

.content .form-column-textarea>label>.badge-required {
    display: inline-block;
    position: relative
}

.content .form-column-textarea>label>.badge-required:after {
    color: #f01f1f;
    content: "*";
    display: block;
    font-size: 12px;
    height: 6px;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 0;
    visibility: visible;
    width: 6px
}

.content .form-column-textarea>textarea {
    box-sizing: border-box;
    height: 220px;
    min-width: 220px;
    resize: none
}

@media (max-width: 640px) {
    .content .form-column-textarea>textarea {
        min-height:180px
    }
}

.content .form-column-textarea+.form-column {
    margin-top: 50px
}

@media (max-width: 640px) {
    .content .form-column-textarea .preview-block {
        line-height:22px
    }
}

.content .description-block .title__fourth {
    display: none
}

.content .description-block .text__normal {
    color: #6c6c6c;
    font-size: 12px;
    line-height: 18px
}

.content .description-block .c-link {
    text-decoration: underline
}

.content .form-column-note {
    margin-top: 27px
}

@media (max-width: 640px) {
    .content .form-column-note {
        margin-top:17px
    }
}

.content .form-column-checkbox:has(input[type=checkbox]) {
    border-bottom: 1px solid #b4b4b4;
    display: inline-block;
    margin-top: 40px
}

@media (max-width: 640px) {
    .content .form-column-checkbox:has(input[type=checkbox]) {
        width:100%
    }
}

.content .form-column-checkbox:has(input[type=checkbox]) .option {
    align-items: center;
    display: flex;
    gap: 10px;
    padding-bottom: 10px
}

.content .form-column-checkbox:has(input[type=checkbox]) label {
    cursor: pointer
}

.content .c-text.-form-chaked {
    margin-top: 40px
}

.content .help-block {
    display: none
}

.content .button-group:has(.button-back) {
    flex-direction: row;
    justify-content: space-between;
}
.content .button-group {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin-top: 70px;
}
.c-button {
    display: flex;
    font-variation-settings: "wght" 400;
}


.content .button-group .button-confirm, .content .button-group .button-submit {
    background-color: var(--key-color);
    border-color: var(--key-color);
    cursor: pointer;
    display: inline-block;
    line-height: 18px;
    overflow: hidden;
    padding: 16px 20px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
    word-break: break-all;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
}
.content .button-group .button-confirm:hover, .content .button-group .button-submit:hover {
    background-color: #fff;
    border-color: var(--key-color);
    color: var(--key-color);
}
.content .button-group .button-back {
    border-radius: 0;
    display: inline-block;
    overflow: hidden;
    padding-left: 25px;
    position: relative;
background-color: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    cursor: pointer;
color: #000000;
    padding-bottom: 10px;
text-decoration: none;
}
.content .button-group .button-back::after {
    background-image: url(https://cedec.cesa.or.jp/2025/assets/images/common/icon_arrow-page-back.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 10px;
    left: 5px;
    position: absolute;
    top: calc(50% - 4px);
    transform: translateY(-50%);
    transition: left 0.3s;
    width: 10px;
}
    .content .button-group .button-back:hover::after {
        left: 0;
    }


.fa-lock:before{
display: none;
}
.button > .icon:first-child{
margin-right:0;
}




.form-column-radio .label,
.form-column-0817589c-11ea-42a1-8f02-c25ce87cd4e9,
.form-column-3797c036-0056-48c5-acaa-1d7dd8d54da2,
.form-column-b847cabb-ac22-4170-9d60-803611b67c60,
.form-column-d76a0d19-cb63-4606-9df0-d61a6f18e0e2,
.form-column-email,
.form-column-133626f9-fd88-41f1-8cd8-6eab7b4e3349,
.form-column-ce299498-bcc3-4bf1-a94e-edfd0cf7915c,
.form-column-a80099db-19fc-45f5-83c0-0d85c680f718,
.form-column-ec4f8553-a6b3-443e-89e8-56e64b1c8547,
.form-column-checkbox:has(input[type='checkbox']) .option-text {
  position: relative;
}

.form-column-radio .label::after,
.form-column-0817589c-11ea-42a1-8f02-c25ce87cd4e9 .label::after,
.form-column-3797c036-0056-48c5-acaa-1d7dd8d54da2 .label::after,
.form-column-b847cabb-ac22-4170-9d60-803611b67c60 .label::after,
.form-column-d76a0d19-cb63-4606-9df0-d61a6f18e0e2 .label::after,
.form-column-email .label::after,
.form-column-133626f9-fd88-41f1-8cd8-6eab7b4e3349 .label::after,
.form-column-ce299498-bcc3-4bf1-a94e-edfd0cf7915c .label::after,
.form-column-a80099db-19fc-45f5-83c0-0d85c680f718 h2::before,
.form-column-ec4f8553-a6b3-443e-89e8-56e64b1c8547 .label::after,
.form-column-checkbox:has(input[type='checkbox']) .option-text::after {
  color: #5c5c5c;
  display: block;
  font-size: 13px;
  font-variation-settings: normal;
  font-weight: 400;
  left: 0;
  position: absolute;
  top: 24px;
}

.form-column-radio .label::after {
  content: 'Subject of inquiry';
}

.form-column-0817589c-11ea-42a1-8f02-c25ce87cd4e9 .label::after,
.form-column-b847cabb-ac22-4170-9d60-803611b67c60 .label::after {
  content: 'Last Name';
}

.form-column-3797c036-0056-48c5-acaa-1d7dd8d54da2 .label::after,
.form-column-d76a0d19-cb63-4606-9df0-d61a6f18e0e2 .label::after {
  content: 'First Name';
}

.form-column-email .label::after {
  content: 'Email';
}

.form-column-133626f9-fd88-41f1-8cd8-6eab7b4e3349 .label::after {
  content: 'Company / School';
}

.form-column-ce299498-bcc3-4bf1-a94e-edfd0cf7915c .label::after {
  content: 'Comments';
}

.form-column-ec4f8553-a6b3-443e-89e8-56e64b1c8547 .label::after {
  content: 'Department / Title';
}