@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;1,700&display=swap");
/**/

.ffs {
    font-feature-settings: "palt";
}

.linkStl02 {
    color: #004ea2;
    font-weight: bold;
}

.linkStl02:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.35em;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #004ea2;
}

.linkStl02:hover {
    text-decoration: underline;
}

.linkStl03 {
    color: #40b1e6;
}

.linkStl03:not(:hover) {
    text-decoration: underline;
}

.ttlStl07 {
    color: #004ea2;
    font-family: "Noto Sans JP";
    font-size: 1.75em;
    font-weight: 900;
    line-height: 1.3em;
}

@media screen and (max-width: 768px) {
    .ttlStl07 {
        font-size: 1.3125em;
    }
}

.ttlStl08 {
    position: relative;
    margin-bottom: 1.5em;
    padding: 0.2em 1.2em;
    color: #004ea2;
    font-size: 1.375em;
    font-weight: bold;
}

.ttlStl08:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 5px;
    height: 100%;
    background: #004ea2;
}

.ttlStl08:after {
    content: "";
    position: absolute;
    bottom: -1.2em;
    left: 0;
    right: 0;
    display: block;
    height: 5px;
    border-top: 2px solid #004ea2;
    border-bottom: 1px dashed #004ea2;
}

.ttlStl09 {
    padding-bottom: 0.9em;
    color: #004ea2;
    font-size: 1.5em;
    font-weight: bold;
    border-bottom: 2px solid #004ea2;
}

.ttlStl10 {
    width: 270px;
    display: block;
    margin: 0 auto;
    background-color: #eb613b;
    color: #fff;
    font-size: 1.125em;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    border-radius: 22px;
}

@media (min-width: 768px) {
    .ttlStl10 {
        width: 457px;
        padding: 18px 0;
        border-radius: 32px;
    }
}

.btnStl03 {
    position: relative;
    display: block;
    width: 260px;
    padding: 1.2em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    transition: opacity 0.3s;
}

.btnStl03:hover {
    opacity: 0.8;
}

.btnStl03:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.6em;
    display: block;
    width: 0.4em;
    height: 0.4em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.btnStl04 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 98%;
    padding: 0.95em 1em;
    font-weight: bold;
    line-height: 1.2em;
    border-radius: 10px;
}

.btnStl04:before {
    content: "";
    display: block;
    width: 1em;
    height: 1.5em;
    margin-right: 0.6em;
    background: url(../img/arrowT_wh01.svg) no-repeat center center/contain;
}

.btnStl05 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1em 2em;
    line-height: 1.4em;
    font-weight: bold;
    border-radius: 10px;
    transition: opacity 0.3s;
}

.btnStl05:hover {
    opacity: 0.8;
}

.btnStl05:after {
    content: "";
    position: absolute;
    top: 40%;
    right: 1em;
    display: block;
    width: 1em;
    height: 1em;
    background: url(../img/arrowT_01.svg) no-repeat center center/contain;
}

.btnStl06 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    line-height: 1.4em;
    font-weight: bold;
    color: #fff;
    background: #004ea2;
    border-radius: 30px;
    transition: opacity 0.3s;
}

.btnStl06:hover {
    opacity: 0.8;
}

.btnStl08 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    line-height: 1.4em;
    font-weight: bold;
    color: #00a040;
    background: #fff;
    border-radius: 30px;
    transition: opacity 0.3s;
}

.btnStl08:hover {
    opacity: 0.8;
}


.contentIn .flexBox .btnStl07 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    line-height: 2.8em;
    font-weight: bold;
    color: #fff;
    background: #004ea2;
    border-radius: 70px;
    font-size: 20px;
    transition: opacity 0.3s;
    width: 500px;
}

.btnStl07:hover {
    opacity: 0.8;
}

@media (MAX-width: 769px) {
    .contentIn .flexBox .btnStl07 {
        width: 100%;
    }
}

@media (min-width: 769px) {
    .btnStl06 {
        padding: 1em 2em;
    }

}

.btn_blank {
    display: block;
    width: 240px;
    max-width: 98%;
    padding: 1em 2.5em;
    font-weight: bold;
    border-radius: 10px;
    background-image: url("../img/ico_blank_wh.svg");
    background-position: center right 1.2em;
    background-repeat: no-repeat;
    transition: opacity 0.3s;
}

.btn_blank:hover {
    opacity: 0.8;
}

.btn_wh_bl {
    color: #004ea2;
    background: #fff;
    border: 1px solid #004ea2;
}

.btn_wh_bl:after {
    border-color: #004ea2;
}

.btn_wh_rd {
    color: #df1614;
    background: #fff;
    border: 1px solid #df1614;
}

.btn_wh_rd:after {
    border-color: #df1614;
}

.btn_wh_or {
    color: #e35e39;
    background: #fff;
    border: 1px solid #e35e39;
}

.btn_wh_or:after {
    border-color: #e35e39;
}

.boxStl01 {
    position: relative;
    padding: 2em 1em;
    background: #fff;
    border: 5px solid #fff;
    border-radius: 20px;
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.4));
}

.boxStl01 .ttl h3 {
    margin-bottom: 0.5em;
    color: #004ea2;
    font-size: 1.875em;
    font-weight: bold;
    line-height: 1.3em;
}

@media screen and (max-width: 768px) {
    .boxStl01 .ttl h3 {
        font-size: 1.3125em;
    }
}

.boxStl01 .ttl h3 .ico {
    flex-shrink: 0;
    max-width: 20%;
    margin-right: 0.5em;
}

.boxStl02 {
    color: #fff;
    padding: 1em 0.75em;
    border-radius: 30px;
    background-color: #2ea7e0;
    font-weight: bold;
}

.boxStl02 p {
    line-height: 1.7em;
}

@media screen and (max-width: 768px) {
    .boxStl02 {}
}

.boxStl03 {
    padding: 1em;
    background: #fff;
    border: 5px solid #ef5633;
    border-radius: 20px;
}

.boxStl04 {
    background: #fff;
    border: 5px solid #00a73c;
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.2);
}

.boxStl05 {
    padding: 3em;
    color: #e60012;
    text-decoration: underline;
    border-radius: 5px;
    background-color: #fff;
}

@media screen and (max-width: 768px) {
    .boxStl05 {
        padding: .5em 1em;
    }
}

.boxStl05 ul > li {
    margin-top: 0.4em;
    line-height: 1.8em;
}

.form_table {
    counter-reset: form;
}

.form_table tr {
    border-bottom: 1px solid #eee;
}

.form_table tr.required > th p:after {
    content: "必須";
    display: inline-block;
    padding: 0.3em 0.4em 0.3em;
    margin-left: 1em;
    color: #fff;
    font-size: 0.8125em;
    letter-spacing: 0.1em;
    line-height: 1em;
    vertical-align: middle;
    background: #ef5633;
}

@media screen and (max-width: 768px) {
    .form_table tr.required > th p:after {
        font-size: 1rem;
    }
}

.form_table tr > th {
    display: flex;
    align-items: flex-start;
    padding: 2.4em 0 0;
}

.form_table tr > th:before {
    counter-increment: form;
    content: counter(form);
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    width: 2.6em;
    height: 2.6em;
    margin-right: 1.3em;
    color: #fff;
    font-family: "Noto Sans JP";
    background: #004ea2;
    border-radius: 50%;
}

@media screen and (max-width: 768px) {
    .form_table tr > th:before {
        width: 2em;
        height: 2em;
        margin-right: 0.8em;
    }
}

.form_table tr > th p {
    margin-top: 0.5em;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
    .form_table tr > th p {
        margin-top: 0.3em;
    }
}

.form_table tr > td {
    display: block;
    padding: 1em 0 2.7em 4em;
}

@media screen and (max-width: 768px) {
    .form_table tr > td {
        padding-left: 2.8em;
    }
}

.form_table tr > td .select_wrap01 {
    position: relative;
}

.form_table tr > td .select_wrap01:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.5em;
    display: block;
    width: 0.45em;
    height: 0.45em;
    border-bottom: 1px solid #222222;
    border-right: 1px solid #222222;
    transform: translateY(-50%) rotate(45deg);
}

.form_table tr > td input[type=text],
.form_table tr > td input[type=tel],
.form_table tr > td input[type=email],
.form_table tr > td textarea,
.form_table tr > td select {
    width: 100%;
    padding: 1em;
    letter-spacing: 0.1em;
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

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

    .form_table tr > td input[type=text],
    .form_table tr > td input[type=tel],
    .form_table tr > td input[type=email],
    .form_table tr > td textarea,
    .form_table tr > td select {
        padding: 0.6em 1em;
    }
}

.form_table tr > td input[type=text]::-webkit-input-placeholder,
.form_table tr > td input[type=tel]::-webkit-input-placeholder,
.form_table tr > td input[type=email]::-webkit-input-placeholder,
.form_table tr > td textarea::-webkit-input-placeholder,
.form_table tr > td select::-webkit-input-placeholder {
    color: #ccc;
}

.form_table tr > td input[type=text]::-moz-placeholder,
.form_table tr > td input[type=tel]::-moz-placeholder,
.form_table tr > td input[type=email]::-moz-placeholder,
.form_table tr > td textarea::-moz-placeholder,
.form_table tr > td select::-moz-placeholder {
    color: #ccc;
}

.form_table tr > td input[type=text]:-ms-input-placeholder,
.form_table tr > td input[type=tel]:-ms-input-placeholder,
.form_table tr > td input[type=email]:-ms-input-placeholder,
.form_table tr > td textarea:-ms-input-placeholder,
.form_table tr > td select:-ms-input-placeholder {
    color: #ccc;
}

.form_table tr > td input[type=text]::-ms-input-placeholder,
.form_table tr > td input[type=tel]::-ms-input-placeholder,
.form_table tr > td input[type=email]::-ms-input-placeholder,
.form_table tr > td textarea::-ms-input-placeholder,
.form_table tr > td select::-ms-input-placeholder {
    color: #ccc;
}

.form_table tr > td input[type=text]::placeholder,
.form_table tr > td input[type=tel]::placeholder,
.form_table tr > td input[type=email]::placeholder,
.form_table tr > td textarea::placeholder,
.form_table tr > td select::placeholder {
    color: #ccc;
}

.form_table tr > td textarea {
    height: 8em;
    resize: vertical;
}

.form_table tr > td input[type=checkbox] {
    display: none;
}

.form_table tr > td input[type=checkbox]:checked + span:before {
    background: #004ea2;
    border: #004ea2;
}

.form_table tr > td input[type=checkbox]:checked + span:after {
    content: "";
    position: absolute;
    top: 0.32em;
    left: 0.26em;
    display: block;
    width: 0.6em;
    height: 0.45em;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.form_table tr > td input[type=checkbox] + span {
    position: relative;
    padding-left: 1.8em;
}

.form_table tr > td input[type=checkbox] + span:before {
    content: "";
    position: absolute;
    top: 0.1em;
    left: 0;
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    margin-right: 1em;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.form_table tr > td .wpcf7-radio {
    display: inline-block;
    margin-top: 1em;
}

.form_table tr > td .wpcf7-radio .wpcf7-list-item {
    margin-right: 3em;
}

@media screen and (max-width: 768px) {
    .form_table tr > td .wpcf7-radio .wpcf7-list-item {
        margin-right: 1.5em;
    }
}

.form_table tr > td .wpcf7-radio .wpcf7-list-item label input {
    display: none;
}

.form_table tr > td .wpcf7-radio .wpcf7-list-item label input + span:before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 1.1em;
    vertical-align: middle;
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px #ccc;
    border-radius: 50%;
}

@media screen and (max-width: 768px) {
    .form_table tr > td .wpcf7-radio .wpcf7-list-item label input + span:before {
        margin-right: 0.75em;
    }
}

.form_table tr > td .wpcf7-radio .wpcf7-list-item label input:checked + span:before {
    background: #004ea2;
}

.form_table tr > td .mailmagazine_address,
.form_table tr > td .sub_form {
    margin-top: 2.4em;
    padding: 1.5em 1.2em 0.1em;
    background: #f4f4f4;
    border-radius: 5px;
}

.form_table tr > td .mailmagazine_address > p,
.form_table tr > td .sub_form > p {
    margin-bottom: 1.4em;
}

.form_table tr > td .wpcf7cf-hidden + .wpcf7cf-hidden .sub_form {
    margin-top: 1.5em;
}

.form_table tr > td .form_notes {
    margin-top: 2.2em;
    font-size: 0.875em;
}

.form_table tr > td .form_notes p + p {
    margin-top: 0.5em;
}

@media screen and (min-width: 769px) {
    .form_table tr.q04 .wpcf7-form-control {
        display: flex;
        flex-wrap: wrap;
    }
}

.form_table tr.q04 .wpcf7-form-control > * {
    flex-basis: 50%;
    margin: 0;
}

.form_table tr.q04 .wpcf7-form-control > *:nth-of-type(odd) {
    padding-right: 1em;
}

.form_table tr.q04 .wpcf7-form-control > *:nth-of-type(n+3) {
    margin-top: 1em;
}

@media screen and (max-width: 768px) {
    .form_table tr.q04 .wpcf7-form-control > * + * {
        margin-top: 1em;
    }
}

.form_table tr.q05 .wpcf7-form-control > * {
    display: block;
}

.form_table tr.q05 .wpcf7-form-control > * + * {
    margin-top: 1em;
}

.btnList01 {
    gap: 1%;
}

@media screen and (max-width: 768px) {
    .btnList01 {
        justify-content: flex-start;
    }
}

.btnList01 li {
    margin: 0.3em 0;
}

.btnList01 li a {
    display: block;
    padding: 0.4em 1.2em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #00a73c;
    border-radius: 300px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    border: 1px solid #00a73c;
}

@media screen and (min-width: 769px) {
    .btnList01 li a {
        font-size: 1.25em;
    }
}

.btnList01 li a:before {
    content: "#";
}

.btnList01 li a:hover {
    color: #00a73c;
    background-color: #fff;
}

.tagList01 {
    gap: 1%;
}

@media screen and (max-width: 768px) {
    .tagList01 {
        justify-content: flex-start;
    }
}

.tagList01 li {
    display: block;
    margin: 0.3em 0;
    padding: 0.4em 1.2em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #00a73c;
    border: 1px solid #00a73c;
    border-radius: 300px;
    transition: opacity 0.3s;
    transition: color 0.3s, background-color 0.3s;
    cursor: pointer;
}

.tagList01 li.active {
    color: #00a73c;
    background-color: #fff;
}

.tagList01 li:before {
    content: "#";
}

@media screen and (min-width: 769px) {
    .tagList01 li {
        font-size: 1.25em;
    }
}


.close_noteTxt {
    padding: 0.5em;
    color: #009e3a;
    font-family: "Noto Sans JP";
    font-weight: 900;
    background: #fff;
    border: 1px solid #009e3a;
    border-radius: 10px;
}

@media screen and (min-width: 769px) {
    .close_noteTxt {
        font-size: 1.375em;
    }
}

@media screen and (max-width: 768px) {
    .close_noteTxt {
        text-align: left;
    }
}


.contents-list {
    gap: 5%;
}

.contents-list > * {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    margin-bottom: 2.5em;
}

@media screen and (max-width: 768px) {
    .contents-list > * {
        -webkit-flex-basis: 47.5%;
        -ms-flex-preferred-size: 47.5%;
        flex-basis: 47.5%;
    }
}

.contents-list > * .ttl {
    margin: 0.8em 0;
    font-weight: bold;
    line-height: 1.2em;
}

.contents-list > * .img {
    display: block;
    margin-bottom: 1em;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 20/11;
}

.contents-list > * .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.event_cat {
    gap: 0.75%;
}

.event_cat > li {
    min-width: 130px;
    margin: 0.15em 0;
    color: #fff;
    font-size: 0.9375em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    border-radius: 5px;
}

@media screen and (max-width: 768px) {
    .event_cat > li {
        min-width: 110px;
        font-size: 0.8em;
    }
}

.event_cat > li.cat_whats {
    background: #c24b7c;
}

.event_cat > li.cat_game {
    background: #2c59d4;
}

.event_cat > li.cat_supacon {
    background: #6d4d96;
}

.event_cat > li.cat_research {
    background: #00873f;
}

.event_cat > li.cat_university {
    background: #004187;
}

.event_cat > li.cat_medical {
    background: #d42347;
}

.event_cat > li a {
    display: block;
    padding: 0.5em;
    line-height: 1.1em;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.event_cat > li a:hover {
    opacity: 0.8;
}

.tag_wrap {
    gap: 0.2em 1em;
}

.tag_wrap li > * {
    display: block;
    color: #40a2d7;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1.4em;
}

.tag_wrap li > *:before {
    content: "#";
}

.tag_wrap li a {
    text-decoration: none !important;
}

.tag_wrap li a:hover {
    text-decoration: underline !important;
}

.breadcrumb .breadcrumb_js:empty {
    background: #fff;
    width: 1.5em;
    height: 1em;
    margin-left: -2em;
}

.breadcrumb .breadcrumb_js span + span {
    margin-left: 1em;
}

.production-page {
    overflow: hidden;
}

.production-page#online-page .headImg .floatBn_b {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    width: 180px;
    max-width: 16%;
    background: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.production-page#online-page .headImg .floatBn_b:hover {
    opacity: 0.8;
}

@media screen and (min-width: 769px) {
    .production-page#online-page .headImg .floatBn_b {
        right: 2%;
    }
}

@media screen and (max-width: 768px) {
    .production-page#online-page .headImg .floatBn_b {
        max-width: 33%;
    }
}

.production-page #live-seminar {
    position: relative;
    padding: 5em 0 3em;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .production-page #live-seminar {
        padding-top: 2em;
    }
}

.production-page #live-seminar:before {
    content: "";
    position: absolute;
    top: 26em;
    right: 0;
    left: 0;
    bottom: 15%;
    background: url(../img/bk_pattern03.png);
}

.production-page #live-seminar .contentIn {
    position: relative;
    z-index: 1;
}

.production-page #live-seminar .in-session .ico {
    background: #2c59d4;
}

.production-page #live-seminar .in-session .ico:before {
    content: "";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.5em;
    height: 1.1em;
    margin-right: 0.4em;
    background: url(../img/ico_online_wh.svg) no-repeat center center/contain;
}

.production-page #live-seminar .in-session .ico:after {
    content: "開催中";
}

.production-page #live-seminar .ongoing .ico {
    background: #e35e39;
}

.production-page #live-seminar .ongoing .ico:after {
    content: "開催予定";
}

.production-page #live-seminar .finished .img:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(0, 0, 0, 0.4);
}

.production-page #live-seminar .finished .img .ico {
    background: #928f60;
}

.production-page #live-seminar .finished .img .ico:after {
    content: "開催終了";
}

.production-page #live-seminar .live-seminar_wrap {
    margin-top: 5.5em;
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list {
    position: relative;
    padding: 0 5% 2.2em;
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list h3 {
    max-width: 80%;
    margin: 0 auto;
}

@media screen and (min-width: 769px) {
    .production-page #live-seminar .live-seminar_wrap .live-seminar_list:before {
        content: "";
        position: absolute;
        top: 0%;
        display: block;
        width: 30%;
        max-width: 9em;
        height: 9em;
        background: url(../img/deco06.png) no-repeat center center/contain;
    }
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list:nth-of-type(odd):before {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list:nth-of-type(even):before {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list + .live-seminar_list {
    margin-top: 0.5em;
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list .txt h4 {
    margin: 0.75em 0;
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list .txt table {
    width: 100%;
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list .txt table tr > * {
    word-break: break-all;
    line-height: 1.3em;
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list .txt table th {
    width: 4.75em;
    vertical-align: middle;
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list.in-session h3 {
    margin: -4% auto 1.5em;
}

@media screen and (max-width: 768px) {
    .production-page #live-seminar .live-seminar_wrap .live-seminar_list.in-session h3 {
        margin-top: -2.75em;
    }
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list.ongoing h3 {
    margin-bottom: 1.6em;
}

.production-page #live-seminar .live-seminar_wrap .live-seminar_list.finished h3 {
    margin-bottom: 1.6em;
}

.production-page #live-seminar .live-seminarBox + .live-seminarBox {
    margin-top: 5em;
}

.production-page #live-seminar .live-seminarBox .img {
    position: relative;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    border-radius: 10px;
    overflow: hidden;
}

.production-page #live-seminar .live-seminarBox .img img {
    width: 100%;
}

.production-page #live-seminar .live-seminarBox .img .ico {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 139px;
    min-height: 2.5em;
    padding: 0.2em;
    color: #fff;
    font-size: 1.125em;
    font-weight: bold;
    border-radius: 6px;
}

@media screen and (max-width: 768px) {
    .production-page #live-seminar .live-seminarBox .img .ico {
        width: 110px;
        font-size: 1em;
    }
}

.production-page #live-seminar .live-seminarBox .txt {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}

.production-page #live-seminar .live-seminarBox .txt .ttlStl07 {
    margin-bottom: 0.5em;
}

.production-page #live-seminar .live-seminarBox .txt table {
    margin-bottom: 1em;
}

.production-page #live-seminar .live-seminarBox .txt p {
    word-break: break-all;
}

.production-page #live-seminar .live-seminarBox .btnStl01 {
    width: 240px;
    max-width: 100%;
    margin-top: 1.5em;
}

.production-page #live-seminar .advance-applicants-only {
    margin-top: 2em;
    padding: 3em 3.5em;
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
    .production-page #live-seminar .advance-applicants-only {
        padding: 2em 1.5em;
    }
}

.production-page #live-seminar .advance-applicants-only .img {
    margin-bottom: 1em;
}

.production-page #live-seminar .advance-applicants-only .close_noteTxt {
    margin-bottom: 1.4em;
}

.production-page #live-seminar .advance-applicants-only .txt table {
    width: 100%;
}

.production-page #live-seminar .advance-applicants-only .txt table th {
    width: 5.5em;
}

.production-page #live-seminar .advance-applicants-only .flexBox > .live-seminarBox {
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}

@media screen and (max-width: 768px) {
    .production-page #live-seminar .advance-applicants-only .flexBox > .live-seminarBox + .live-seminarBox {
        margin-top: 3em;
    }
}

.production-page #online-about {
    background: #fff;
}

@media screen and (max-width: 768px) {
    .production-page #online-about {
        padding: 2.5em 0 20%;
    }
}

.production-page #online-about h2 {
    margin-bottom: 2em;
}

.production-page #how-to-enjoy {
    position: relative;
    padding: 8em 0 12em;
    background-image: url(../img/bk_how-to-enjoy.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.production-page #how-to-enjoy h3 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
}

@media screen and (max-width: 768px) {
    .production-page #how-to-enjoy h3 {
        max-width: 90%;
        margin: 0 auto;
    }
}

.production-page #how-to-enjoy .enjoy_flow .stepBox {
    position: relative;
    -webkit-flex-basis: 32%;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    margin: 0;
}

.production-page #how-to-enjoy .enjoy_flow .stepBox + .stepBox {
    margin-top: 3.5em;
}

.production-page #how-to-enjoy .enjoy_flow .stepBox:nth-of-type(2n) {
    -webkit-transform: translateY(2.5em);
    transform: translateY(2.5em);
}

.production-page #how-to-enjoy .enjoy_flow .stepBox:nth-of-type(3n) {
    -webkit-transform: translateY(5em);
    transform: translateY(5em);
}

@media screen and (min-width: 769px) {
    .production-page #how-to-enjoy .enjoy_flow .stepBox:after {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        width: 86px;
        height: 47px;
        background: url(../img/arrow01RB_bl.svg) no-repeat center center/contain;
        -webkit-transform: translate(30%, -85%);
        transform: translate(30%, -85%);
    }
}

.production-page #how-to-enjoy .enjoy_flow .stepBox h4 {
    margin: 0.5em auto 1em;
}

.production-page #how-to-enjoy .enjoy_flow .stepBox a {
    display: block;
    width: 240px;
    max-width: 98%;
    margin: 1.5em auto 0;
    padding: 1em 1.6em;
}

.production-page #model-course {
    position: relative;
    padding: 6em 0;
}

@media screen and (max-width: 768px) {
    .production-page #model-course .contentIn {
        padding: 0;
    }
}

.production-page #model-course .ttlStl01 {
    margin-bottom: 0.7em;
}

.production-page #model-course .tabBtn {
    margin: 3em 0 2.4em;
}

@media screen and (min-width: 769px) {
    .production-page #model-course .tabBtn {
        gap: 0.3%;
    }
}

@media screen and (min-width: 769px) {
    .production-page #model-course .tabBtn li.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-style: solid;
        border-width: 19px 18.5px 0 18.5px;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.production-page #model-course .tabBox > li {
    padding: 2.5em 0 5em;
    background: #fff;
    border: 5px solid #ccc;
}

@media screen and (min-width: 769px) {
    .production-page #model-course .tabBox > li {
        border-radius: 20px;
    }
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li {
        border-right: none;
        border-left: none;
    }
}

.production-page #model-course .tabBox > li .course_about {
    width: 95%;
    margin-left: auto;
    padding: 2em 2em 2.8em;
    color: #fff;
    border-radius: 20px 0 0 20px;
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_about {
        margin-right: auto;
        padding: 1.5em 1em 1em;
        text-align: center;
        border-radius: 20px;
    }
}

.production-page #model-course .tabBox > li .course_about .course_ttl {
    font-family: "Noto Sans JP";
    font-size: 2.5em;
    font-weight: 900;
}

@media screen and (min-width: 769px) {
    .production-page #model-course .tabBox > li .course_about .course_ttl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_about .course_ttl {
        font-size: 1.5em;
    }
}

.production-page #model-course .tabBox > li .course_about .course_ttl .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 110px;
    background: #fff;
    border-radius: 50%;
    aspect-ratio: 1/1;
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_about .course_ttl .img {
        max-width: 33%;
        margin: 0 auto;
    }

    .production-page #model-course .tabBox > li .course_about .course_ttl .img img {
        max-width: 80%;
    }
}

.production-page #model-course .tabBox > li .course_about .course_ttl p {
    letter-spacing: 0.05em;
    line-height: 1.2em;
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_about .course_ttl p {
        margin: 0.4em auto 0.6em;
    }
}

.production-page #model-course .tabBox > li .course_about .course_ttl p .fzL {
    font-size: 1.3125em;
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_about .course_ttl p .fzL {
        display: block;
        line-height: 1.2em;
    }
}

.production-page #model-course .tabBox > li .course_about .course_ttl p .fzL:before {
    content: "「";
}

.production-page #model-course .tabBox > li .course_about .course_ttl p .fzL:after {
    content: "」";
}

.production-page #model-course .tabBox > li .course_about .course_details {
    margin-top: 1em;
    padding: 1.5em;
    font-weight: bold;
    line-height: 1.8em;
    text-align: center;
    border: 5px solid #fff;
    border-radius: 20px;
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_about .course_details {
        text-align: left;
    }
}

.production-page #model-course .tabBox > li .course_event_wrap {
    counter-reset: eventNum;
    width: 90%;
    margin: 2.75em auto 0;
    background-repeat: repeat-y;
    background-position: top left 1.6em;
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_event_wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 95%;
        background: none !important;
    }

    .production-page #model-course .tabBox > li .course_event_wrap:after {
        content: "";
        display: block;
        -webkit-flex-basis: 32.5%;
        -ms-flex-preferred-size: 32.5%;
        flex-basis: 32.5%;
    }
}

.production-page #model-course .tabBox > li .course_event_wrap > * {
    position: relative;
}

@media screen and (min-width: 769px) {
    .production-page #model-course .tabBox > li .course_event_wrap > * {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_event_wrap > * {
        -webkit-flex-basis: 32.5%;
        -ms-flex-preferred-size: 32.5%;
        flex-basis: 32.5%;
    }
}

.production-page #model-course .tabBox > li .course_event_wrap > *:not(:last-of-type) {
    margin-bottom: 2.5em;
}

.production-page #model-course .tabBox > li .course_event_wrap > *:last-of-type {
    background: #fff;
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_event_wrap > *:nth-of-type(n+4) {
        margin-top: 2em;
    }
}

.production-page #model-course .tabBox > li .course_event_wrap > *:before {
    content: counter(eventNum);
    counter-increment: eventNum;
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    padding-bottom: 0.2em;
    line-height: 1em;
    color: #fff;
    font-family: "Noto Sans JP";
    font-size: 2.1875em;
    font-weight: 900;
    border-radius: 50%;
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_event_wrap > *:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 2.25em;
        height: 2.25em;
        padding-bottom: 0.2em;
        font-size: 1.2em;
        -webkit-transform: translateY(-66%);
        transform: translateY(-66%);
    }
}

.production-page #model-course .tabBox > li .course_event_wrap > * a.img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.production-page #model-course .tabBox > li .course_event_wrap > * a.img:hover {
    opacity: 0.8;
}

.production-page #model-course .tabBox > li .course_event_wrap > * .img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 20/11;
}

@media screen and (min-width: 769px) {
    .production-page #model-course .tabBox > li .course_event_wrap > * .img {
        width: 25%;
        max-width: 300px;
    }
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_event_wrap > * .img {
        display: block;
    }
}

.production-page #model-course .tabBox > li .course_event_wrap > * .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

@media screen and (min-width: 769px) {
    .production-page #model-course .tabBox > li .course_event_wrap > * .img {
        margin-right: 1em;
    }
}

.production-page #model-course .tabBox > li .course_event_wrap > * .txt {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.production-page #model-course .tabBox > li .course_event_wrap > * .txt .favorite_btn {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

@media screen and (min-width: 769px) {
    .production-page #model-course .tabBox > li .course_event_wrap > * .txt .favorite_btn {
        margin-left: 1em;
    }
}

@media screen and (max-width: 768px) {
    .production-page #model-course .tabBox > li .course_event_wrap > * .txt .favorite_btn {
        margin: 0.5em 0 0.8em;
    }
}

.production-page #model-course .tabBox > li .course_event_wrap > * .txt > div.flexBox {
    margin-bottom: 0.5em;
}

.production-page #model-course .tabBox > li .course_event_wrap > * .txt .ttl {
    font-weight: bold;
    letter-spacing: 0.075em;
    line-height: 1.2em;
}

@media screen and (min-width: 769px) {
    .production-page #model-course .tabBox > li .course_event_wrap > * .txt .ttl {
        font-size: 1.75em;
    }
}

.production-page #model-course .tabBox > li .course_event_wrap > * .txt .ttl a {
    line-height: 1.4em;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.production-page #model-course .tabBox > li .course_event_wrap > * .txt .ttl a:hover {
    opacity: 0.8;
}

.production-page #model-course .tabBox > li .course_event_wrap > * .txt > p {
    font-size: 0.9375em;
    line-height: 1.8em;
}

.production-page #model-course .tabBox > li .course_event_wrap > * .txt .event_cat {
    margin-top: 0.5em;
}

.production-page #model-course .tabBox > li .btnStl01 {
    display: block;
    width: 400px;
    max-width: 98%;
    margin: 2.8em auto 0;
    padding: 1.5em 2em;
    color: #fff;
    line-height: 1.6em;
    text-align: center;
}

.production-page #model-course .tabBox > li.course_whats .course_about,
.production-page #model-course .tabBox > li.course_whats .course_event_wrap > *:before,
.production-page #model-course .tabBox > li.course_whats .btnStl01 {
    background-color: #c24b7c;
}

.production-page #model-course .tabBox > li.course_whats .course_event_wrap .ttl {
    color: #c24b7c;
}

.production-page #model-course .tabBox > li.course_whats .course_event_wrap {
    background-image: url(../img/dotted_whats.svg);
}

.production-page #model-course .tabBox > li.course_game .course_about,
.production-page #model-course .tabBox > li.course_game .course_event_wrap > *:before,
.production-page #model-course .tabBox > li.course_game .btnStl01 {
    background-color: #2c59d4;
}

.production-page #model-course .tabBox > li.course_game .course_event_wrap .ttl {
    color: #2c59d4;
}

.production-page #model-course .tabBox > li.course_game .course_event_wrap {
    background-image: url(../img/dotted_game.svg);
}

.production-page #model-course .tabBox > li.course_supacon .course_about,
.production-page #model-course .tabBox > li.course_supacon .course_event_wrap > *:before,
.production-page #model-course .tabBox > li.course_supacon .btnStl01 {
    background-color: #6d4d96;
}

.production-page #model-course .tabBox > li.course_supacon .course_event_wrap .ttl {
    color: #6d4d96;
}

.production-page #model-course .tabBox > li.course_supacon .course_event_wrap {
    background-image: url(../img/dotted_supacon.svg);
}

.production-page #model-course .tabBox > li.course_research .course_about,
.production-page #model-course .tabBox > li.course_research .course_event_wrap > *:before,
.production-page #model-course .tabBox > li.course_research .btnStl01 {
    background-color: #00873f;
}

.production-page #model-course .tabBox > li.course_research .course_event_wrap .ttl {
    color: #00873f;
}

.production-page #model-course .tabBox > li.course_research .course_event_wrap {
    background-image: url(../img/dotted_research.svg);
}

.production-page #model-course .tabBox > li.course_university .course_about,
.production-page #model-course .tabBox > li.course_university .course_event_wrap > *:before,
.production-page #model-course .tabBox > li.course_university .btnStl01 {
    background-color: #004187;
}

.production-page #model-course .tabBox > li.course_university .course_event_wrap .ttl {
    color: #004187;
}

.production-page #model-course .tabBox > li.course_university .course_event_wrap {
    background-image: url(../img/dotted_university.svg);
}

.production-page #model-course .tabBox > li.course_medical .course_about,
.production-page #model-course .tabBox > li.course_medical .course_event_wrap > *:before,
.production-page #model-course .tabBox > li.course_medical .btnStl01 {
    background-color: #d42347;
}

.production-page #model-course .tabBox > li.course_medical .course_event_wrap .ttl {
    color: #d42347;
}

.production-page #model-course .tabBox > li.course_medical .course_event_wrap {
    background-image: url(../img/dotted_medical.svg);
}

.production-page #popular-content {
    padding: 5em 0 8em;
    background-image: url(../img/bk_pattern04.png);
    background-repeat: repeat;
    background-position: top left;
    background-size: auto;
}

@media screen and (max-width: 768px) {
    .production-page #popular-content {
        padding: 5em 0 5em;
    }
}

.production-page #popular-content .popular-content_wrap {
    gap: 5%;
}

.production-page #popular-content .popular-content_wrap > .popular-content_box {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    margin-bottom: 2.5em;
}

@media screen and (max-width: 768px) {
    .production-page #popular-content .popular-content_wrap > .popular-content_box {
        -webkit-flex-basis: 47.5%;
        -ms-flex-preferred-size: 47.5%;
        flex-basis: 47.5%;
    }
}

.production-page #popular-content .popular-content_wrap > .popular-content_box a.img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.production-page #popular-content .popular-content_wrap > .popular-content_box a.img:hover {
    opacity: 0.8;
}

.production-page #popular-content .popular-content_wrap > .popular-content_box .img {
    display: block;
    margin-bottom: 1em;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 20/11;
}

.production-page #popular-content .popular-content_wrap > .popular-content_box .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.production-page #popular-content .popular-content_wrap > .popular-content_box .ttl {
    margin: 0.8em 0;
    font-weight: bold;
    line-height: 1.2em;
}

@media screen and (max-width: 768px) {
    .production-page #popular-content .popular-content_wrap > .popular-content_box .ttl {
        line-height: 1.6em;
    }
}

.production-page #popular-content .popular-content_wrap > .popular-content_box .ttl a {
    transition: opacity 0.3s;
}

.production-page #popular-content .popular-content_wrap > .popular-content_box .ttl a:hover {
    opacity: 0.8;
}

.production-page #popular-content .boxStl02 {
    position: relative;
    margin-top: 10%;
    padding-top: 2.5em;
}

@media screen and (max-width: 768px) {
    .production-page #popular-content .boxStl02 {
        margin-top: 20%;
        padding-top: 4em;
    }
}

.production-page #popular-content .boxStl02 h3 {
    position: absolute;
    top: 0;
    transform: translateY(-65%);
}

@media screen and (max-width: 768px) {
    .production-page #popular-content .boxStl02 h3 {
        right: 0;
        left: 0;
        max-width: 92%;
        margin: 0 auto;
    }
}

.production-page #popular-content .btnStl01 {
    display: block;
    max-width: 240px;
    margin: 3em auto 0;
    padding: 1em 1.5em;
    text-align: center;
}

.production-page #quiz {
    padding: 1.5em 0 0;
    background: #fff;
}

.production-page #quiz h2 {
    margin-bottom: 1.5em;
}

.production-page #quiz .contentIn > .flexBox {
    gap: 2.5%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
}

.production-page #quiz .txt {
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}

.production-page #quiz .txt > p {
    line-height: 1.8em;
}

@media screen and (min-width: 769px) {
    .production-page #quiz .txt > p {
        font-size: 1.25em;
    }
}

@media screen and (max-width: 768px) {
    .production-page #quiz .txt > p {
        line-height: 2em;
    }
}

.production-page #quiz .txt .boxStl03 {
    margin-top: 1.5em;
    padding-right: 8%;
    padding-left: 8%;
}

@media screen and (max-width: 768px) {
    .production-page #quiz .txt .boxStl03 {
        margin-bottom: 1.5em;
    }
}

.production-page #quiz .txt .boxStl03 .img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (min-width: 769px) {
    .production-page #quiz .txt .boxStl03 .img {
        max-width: 20%;
        margin-right: 2em;
    }
}

@media screen and (max-width: 768px) {
    .production-page #quiz .txt .boxStl03 .img {
        max-width: 30%;
        margin: 0 auto 1.2em;
    }
}

.production-page #quiz .txt .boxStl03 dl > dt {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    color: #ef5633;
    line-height: 1.2em;
    border-bottom: 1px solid #ef5633;
}

@media screen and (min-width: 769px) {
    .production-page #quiz .txt .boxStl03 dl > dt {
        font-size: 1.125em;
    }
}

@media screen and (max-width: 768px) {
    .production-page #quiz .txt .boxStl03 dl > dt {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .production-page #quiz .txt .boxStl03 dl > dt p:not(.fzL) {
        margin-bottom: 0.6em;
        line-height: 1.3em;
    }
}

.production-page #quiz .txt .boxStl03 dl > dt .fzL {
    font-size: 1.666em;
    line-height: 1.2em;
}

.production-page #quiz .txt .boxStl03 dl > dd p {
    line-height: 1.8em;
}

.production-page .quiz_link {
    margin-top: 4.2em;
    padding: 2em 0 4em;
    background: url(../img/bk_pattern03.png) repeat top left;
}

.production-page .quiz_link .quiz_list {
    gap: 0 2.5%;
}

.production-page .quiz_link .boxStl04 {
    position: relative;
    -webkit-flex-basis: 32%;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    padding: 3em 2em;
}

@media screen and (min-width: 769px) {
    .production-page .quiz_link .boxStl04 {
        max-width: 32%;
    }
}

@media screen and (max-width: 768px) {
    .production-page .quiz_link .boxStl04 + .boxStl04 {
        margin-top: 18%;
    }
}

.production-page .quiz_link .boxStl04 .flag {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    max-width: 25%;
    margin: 0 auto;
    text-align: center;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
}

.production-page .quiz_link .boxStl04 .flag img {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.production-page .quiz_link .boxStl04 .btnStl01 {
    width: 240px;
    max-width: 98%;
    margin: 1.5em auto 0;
}

.production-page #about-kbic {
    background: #fff;
}

.production-page #about-kbic .txt .btnStl01 {
    font-size: 1em;
}

.production-page #about-kbic .img {
    margin-top: 2em;
}

@media screen and (max-width: 768px) {
    .production-page #online-organizations .organizationsList .organizationBox .txt {
        -webkit-flex-basis: 63%;
        -ms-flex-preferred-size: 63%;
        flex-basis: 63%;
    }
}

.production-page #online-organizations .organizationsList .organizationBox .txt a {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

.production-page #online-organizations .organizationsList .organizationBox .txt dl > dt {
    line-height: 1.3em;
}

@media screen and (max-width: 768px) {
    .production-page #online-organizations .organizationsList .organizationBox .txt dl > dt {
        padding-bottom: 0.6em;
        font-size: 1.125em;
        letter-spacing: 0;
    }
}

@media screen and (max-width: 768px) {
    .production-page #online-organizations .organizationsList .organizationBox .img {
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
    }
}

.production-page #online_ft_link {
    position: relative;
    padding: 2.5em 0 4em;
    overflow: visible;
}

@media screen and (max-width: 768px) {
    .production-page #online_ft_link {
        padding: 5em 0 4em;
    }
}

@media screen and (min-width: 769px) {
    .production-page #online_ft_link:before {
        position: absolute;
        top: 0%;
        right: 0;
        left: auto;
        display: block;
        width: 30%;
        max-width: 9em;
        height: 9em;
        background: url(../img/deco06.png) no-repeat center center/contain;
        -webkit-transform: translate(50%, -50%);
        transform: translate(0, -50%);
    }
}

@media screen and (max-width: 768px) {
    .production-page #online_ft_link:before {
        display: none;
    }
}

.production-page #online_ft_link .img {
    margin-bottom: 2em;
}

@media screen and (max-width: 768px) {
    .production-page #online_ft_link .img {
        margin: 0 auto 0.5em;
        text-align: center;
    }
}

.production-page #online_ft_link .txt {
    margin-top: 0;
}

@media screen and (min-width: 769px) {
    .production-page #online_ft_link .txt {
        max-width: 520px;
        margin-right: 3em;
        margin-left: 0.5em;
    }
}

.production-page #online_ft_link .txt .ttl {
    margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
    .production-page #online_ft_link .txt .ttl {
        margin-bottom: 1.5em;
    }
}

.production-page #online_ft_link .txt p {
    font-size: 1.25em;
    letter-spacing: 0em;
}

.production-page #online_ft_link .btnStl01 {
    width: 320px;
    font-size: 1.25em;
}

@media screen and (min-width: 769px) {
    .production-page #online_ft_link .btnStl01 {
        max-width: 30%;
    }
}

@media screen and (max-width: 768px) {
    .production-page #online_ft_link .btnStl01 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 90%;
        margin: 1.5em auto 0;
    }
}

.production-page#online_event-details #event-details {
    padding: 1em 0 8em;
    background-image: url(../img/bk_pattern04.png);
}

.production-page#online_event-details #event-details .breadcrumb ul {
    margin-top: 0;
    margin-bottom: 1.3em;
}

.production-page#online_event-details #event-details .event-details_wrap {
    padding: 2.5em 5em 5em;
    background: #fff;
    border-radius: 20px;
}

@media screen and (max-width: 768px) {
    .production-page#online_event-details #event-details .event-details_wrap {
        padding: 2em 1.5em 3em;
    }
}

.production-page#online_event-details #event-details .event-details_wrap .thumbnail_img {
    border-radius: 20px;
    overflow: hidden;
}

.production-page#online_event-details #event-details .event-details_wrap .thumbnail_img img {
    width: 100%;
}

.production-page#online_event-details #event-details .event-details_wrap .event_ttl_wrap {
    padding: 1.6em 0 1.8em;
    border-bottom: 1px solid #cdcdcd;
}

.production-page#online_event-details #event-details .event-details_wrap .event_ttl_wrap .event_ttl {
    margin-bottom: 1.8em;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.production-page#online_event-details #event-details .event-details_wrap .event_ttl_wrap .favorite_wrap .favorite_num {
    margin-right: 1.3em;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details {
    padding: 1.6em 0 6em;
}

@media screen and (max-width: 768px) {
    .production-page#online_event-details #event-details .event-details_wrap .event_details {
        padding: 0.75em 0 3em;
    }
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .event_cat-tag_wrap {
    margin-bottom: 2.3em;
}

@media screen and (max-width: 768px) {
    .production-page#online_event-details #event-details .event-details_wrap .event_details .event_cat-tag_wrap {
        margin-bottom: 1.5em;
    }
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .event_cat-tag_wrap .event_cat {
    gap: 0.5em;
    margin-right: 1.6em;
}

@media screen and (max-width: 768px) {
    .production-page#online_event-details #event-details .event-details_wrap .event_details .event_cat-tag_wrap .event_cat {
        margin-bottom: 0.5em;
    }
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .event_cat-tag_wrap .event_cat > li {
    margin: 0.25em 0;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .event_cat-tag_wrap .tag_wrap {
    margin-top: 0.25em;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details p a:not([class]) {
    color: #40b1e6;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details p a:not([class]):not(:hover) {
    text-decoration: underline;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .ttl {
    color: #004ea2;
    font-size: 1.125em;
    font-weight: bold;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .btn_wrap {
    gap: 1em;
    margin-top: 1em;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .media_list {
    margin-top: 1em;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .media_wrap {
    margin: 1.5em 0;
}

@media screen and (min-width: 769px) {
    .production-page#online_event-details #event-details .event-details_wrap .event_details .media_wrap {
        width: 48.5%;
    }
}

@media screen and (max-width: 768px) {
    .production-page#online_event-details #event-details .event-details_wrap .event_details .media_wrap {
        width: 100%;
    }
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .media_wrap .youtubeWrap {
    border-radius: 10px;
    overflow: hidden;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .media_wrap p {
    margin-top: 0.75em;
    font-size: 1.125em;
    font-weight: bold;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .media_wrap .btnStl01 {
    display: block;
    width: 230px;
    max-width: 95%;
    margin: 1.3em auto 0;
    padding: 0.5em 2em 0.5em 1em;
    font-size: 2rem;
    text-align: center;
    border-radius: 7px;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .media_wrap .btnStl01:after {
    right: 0.65em;
    width: 0.45em;
    height: 0.45em;
    -webkit-transform: translateY(-50%) scale(1, 0.9) rotate(45deg);
    transform: translateY(-50%) scale(1, 0.9) rotate(45deg);
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .btnStl03.btn_or {
    margin: 2em auto 0;
}

.production-page#online_event-details #event-details .event-details_wrap .event_details .organizations {
    margin-bottom: 1.1em;
    font-size: 1.125em;
}

.production-page#online_event-details #event-details .event-details_wrap .highlight_wrap {
    margin-bottom: 5em;
    padding-bottom: 2.5em;
    border-bottom: 1px solid #cdcdcd;
}

.production-page#online_event-details #event-details .event-details_wrap .highlight_wrap h2 {
    margin-bottom: 1em;
}

.production-page#online_event-details #event-details .event-details_wrap .highlight_wrap .highlight_comment_wrap .ico {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (min-width: 769px) {
    .production-page#online_event-details #event-details .event-details_wrap .highlight_wrap .highlight_comment_wrap .ico {
        margin: -1em 2.5em -0.4em 2em;
    }
}

@media screen and (max-width: 768px) {
    .production-page#online_event-details #event-details .event-details_wrap .highlight_wrap .highlight_comment_wrap .ico {
        margin-bottom: 2em;
        text-align: center;
    }
}

.production-page#online_event-details #event-details .event-details_wrap .highlight_wrap .highlight_comment_wrap .highlight_comment {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    padding: 2.2em;
    line-height: 2em;
    background: #84d0f7 url(../img/bk_pattern02.png) repeat top left;
    border: 5px solid #fff;
    border-radius: 30px;
    -webkit-box-shadow: 4px 4px 0 0 #fed200;
    box-shadow: 4px 4px 0 0 #fed200;
}

.production-page#online_event-details #event-details .event-details_wrap .highlight_wrap .highlight_comment_wrap .highlight_comment::before {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    background: -webkit-linear-gradient(225deg, rgba(132, 208, 247, 0) 50%, rgb(132, 208, 247) 50%);
    background: linear-gradient(-135deg, rgba(132, 208, 247, 0) 50%, rgb(132, 208, 247) 50%);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

@media screen and (min-width: 769px) {
    .production-page#online_event-details #event-details .event-details_wrap .highlight_wrap .highlight_comment_wrap .highlight_comment::before {
        top: 50%;
        left: 0;
    }
}

@media screen and (max-width: 768px) {
    .production-page#online_event-details #event-details .event-details_wrap .highlight_wrap .highlight_comment_wrap .highlight_comment::before {
        top: 0;
        left: 50%;
        margin: 0 auto;
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
        transform: translate(-50%, -50%) rotate(135deg);
    }
}

.production-page#online_event-details #event-details .event-details_wrap .event_share {
    margin-top: 4em;
    color: #004ea2;
    font-size: 1.125em;
}

@media screen and (min-width: 769px) {
    .production-page#online_event-details #event-details .event-details_wrap .event_share p {
        margin-right: 2.5em;
    }
}

@media screen and (max-width: 768px) {
    .production-page#online_event-details #event-details .event-details_wrap .event_share p {
        margin-bottom: 0.5em;
    }
}

.production-page#online_event-details #event-details .event-details_wrap .event_share ul.share_btn {
    gap: 1em;
}

.production-page#online_event-details #event-details .event-details_wrap .event_share ul.share_btn > li {
    margin: 0.5em 0;
}

.production-page#online_event-details #event-details .event-details_wrap .organizationBox {
    margin-top: 4.5em;
}

.production-page#online_event-details #event-details .event-details_wrap .organizationBox .img {
    width: 150px;
    border-radius: 10px;
    overflow: hidden;
}

@media screen and (min-width: 769px) {
    .production-page#online_event-details #event-details .event-details_wrap .organizationBox .img {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 20%;
        margin-right: 2em;
    }
}

@media screen and (max-width: 768px) {
    .production-page#online_event-details #event-details .event-details_wrap .organizationBox .img {
        margin: 0 auto 1.5em;
    }
}

.production-page#online_event-details #event-details .event-details_wrap .organizationBox dl > dt {
    margin-bottom: 1em;
    color: #004ea2;
    font-size: 1.125em;
}

@media screen and (max-width: 768px) {
    .production-page#online_event-details #event-details .event-details_wrap .organizationBox dl > dt {
        text-align: center;
    }
}

.production-page#online_event-details #quiz .quiz_link {
    padding-bottom: 9em;
}

.production-page#contents-list-page #event-contents-list .ttl_wrap {
    padding: 2em 0 4.2em;
}

.production-page#contents-list-page #event-contents-list .ttl_wrap .search {
    margin-top: 1.6em;
    color: #004ea1;
    font-weight: bold;
}

.production-page#contents-list-page #event-contents-list .ttl_wrap .search span {
    display: inline-block;
}

.production-page#contents-list-page #event-contents-list .ttl_wrap .search span:not(:last-of-type):after {
    content: "　";
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 {
    padding: 4em 0;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 {
    padding: 0 0 2.5em;
    margin-bottom: 4em;
    border-radius: 20px;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBtn {
    background: #009d3a;
    border-radius: 14px 14px 0 0;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBtn li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBtn li:first-of-type {
    border-radius: 17px 0 0 0;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBtn li:last-of-type {
    border-radius: 0 17px 0 0;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBtn li.active {
    color: #009d3a;
    background: #fff;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBtn li a {
    display: block;
    padding: 1.2em;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBox {
    padding: 2.5em 5%;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBox .course_tab {
    gap: 0.3%;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBox .course_tab li {
    padding: 0;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBox .course_tab li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1em 0.5em;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBox .tagList01 li {
    padding: 0;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBox .tagList01 li:before {
    display: none;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 .boxStl02 .tabBox .tagList01 li a {
    display: block;
    padding: 0.4em 1.2em;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 #search-contents .contents-list .content_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 #search-contents .contents-list .content_box a.img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 #search-contents .contents-list .content_box a.img:hover {
    opacity: 0.8;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 #search-contents .contents-list .content_box .ttl a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 #search-contents .contents-list .content_box .ttl a:hover {
    opacity: 0.8;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 #search-contents .contents-list .content_box .event_cat-tag_wrap {
    margin-top: auto;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 #search-contents .contents-list .content_box .event_cat-tag_wrap .event_cat li {
    padding: 0;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 #search-contents .contents-list .content_box .event_cat-tag_wrap .event_cat li a {
    display: block;
    padding: 0.5em;
    line-height: 1.2em;
}

.production-page#contents-list-page #event-contents-list .bk_pattern04 #search-contents .contents-list .content_box .event_cat-tag_wrap .tag_wrap {
    margin-top: 0.5em;
}

.production-page#contents-list-page #online_ft_link {
    padding-top: 0;
}

.production-page#quiz-page .breadcrumb {
    overflow: hidden;
}

.production-page#quiz-page .ttl_wrap {
    padding: 0em 0 10em;
}

.production-page#quiz-page .bk_pattern03 {
    overflow: visible;
}

.production-page#quiz-page .level {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
}

.production-page#quiz-page .level .boxStl04 {
    width: 500px;
    max-width: 80%;
    padding: 0 1em 3.5em;
}

.production-page#quiz-page .level .boxStl04 .flag {
    display: inline-block;
    margin: -3.5em auto 1em;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.production-page#quiz-page #quiz {
    background: transparent;
}

.production-page#quiz-page #quiz .flexBox {
    max-width: 100%;
}

.production-page#quiz-page #quiz .flexBox .txt > p {
    color: #fff;
    font-size: 1.375em;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #quiz .flexBox .txt > p {
        font-size: 1.1em;
    }
}

.production-page#quiz-page #quiz .flexBox .txt .boxStl03 {
    font-size: 125%;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #quiz .flexBox .txt .boxStl03 {
        font-size: 100%;
    }
}

.production-page#quiz-page #main-quiz {
    padding: 5em 0;
}

.production-page#quiz-page #main-quiz .ays-quiz-container {
    position: relative;
    padding: 0em 0 4em !important;
}

.production-page#quiz-page #main-quiz .ays-quiz-container:after {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 400px;
    height: 51px;
    margin: 0 auto;
    background: url(../img/half_circle.png) no-repeat center bottom/contain;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container:after {
        width: 60%;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 0;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step > .flexBox {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100%;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-question-counter {
    position: static;
    margin: 0;
    color: #004ea2;
    font-family: "Noto Sans JP";
    font-size: 6rem;
    font-weight: 900;
    line-height: 1em;
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    -ms-flex-order: -9;
    order: -9;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-question-counter {
        font-size: 4.5rem;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-question-counter:before {
    content: "第";
    margin-right: 0.5em;
    font-size: 0.4em;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-question-counter:after {
    content: "問";
    font-size: 0.4em;
    margin-left: 0.5em;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    margin: 2em auto 0;
    -webkit-border-image: url(../img/border_img_bl.png) 25 repeat;
    -ms-border-image: url(../img/border_img_bl.png) 25 repeat;
    -o-border-image: url(../img/border_img_bl.png) 25 repeat;
    border-image: url(../img/border_img_bl.png) 25 repeat;
    border-style: solid;
    border-width: 25px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

@media screen and (min-width: 769px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container {
        display: block;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container:before {
    content: "";
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    min-height: 160px;
    background: url(../img/txt_hint.png) no-repeat center left;
}

@media screen and (min-width: 769px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container:before {
        border-right: 1px dashed #004ea2;
    }
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container:before {
        width: 90%;
        max-width: 245px;
        margin: 0 auto 0.5em;
        background-position: center center;
        border-bottom: 1px dashed #004ea2;
        background-size: contain;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container i {
    display: none;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container .ays_question_hint_text {
    position: static;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: left;
    visibility: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container .ays_question_hint_text {
        width: 100%;
        margin-left: 0;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container .ays_question_hint_text .hint_b {
    margin-bottom: 0.8em;
    font-size: 1.25em;
    font-weight: bold;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_question_hint_container .ays_question_hint_text .hint_link_btn01 {
    display: block;
    width: 300px;
    max-width: 100%;
    margin-top: 1.6em;
    padding: 0.8em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #004ea2 url(../img/ico_blank_wh.svg) no-repeat center right 1.5em;
    border-radius: 10px;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-abs-fs {
    margin: 0 auto;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-abs-fs .ays_quiz_question {
    margin-top: 1.4em;
    padding-top: 1.5em;
    background: url(../img/ico_quiz_q.svg) no-repeat top left/90px 90px;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-abs-fs .ays_quiz_question {
        margin-top: 1em;
        padding-top: 0.5em;
        background-size: 50px 50px;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-abs-fs .ays_quiz_question > * {
    padding-left: 110px;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-abs-fs .ays_quiz_question > * {
        padding-left: 65px;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-abs-fs .ays_quiz_question p {
    margin: 0;
    color: #222;
    font-weight: bold;
    text-align: left;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-abs-fs .ays_quiz_question:after {
    content: "";
    display: block;
    height: 5px;
    margin-top: 3.5em;
    border-top: 2px solid #004ea2;
    border-bottom: 1px dashed #004ea2;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-abs-fs .ays_quiz_question:after {
        margin-top: 1em;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers {
    margin-top: 2.5em;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field {
    text-align: center;
    border: none;
    border-radius: 60px;
    -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field + .ays-field {
    margin-top: 2em;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field + .ays-field {
        margin-top: 1em;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:hover {
    -webkit-transform: translate(1px, 6px);
    transform: translate(1px, 6px);
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:hover {
        -webkit-transform: translate(1px, 3px);
        transform: translate(1px, 3px);
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:active {
    -webkit-transform: translate(3px, 12px);
    transform: translate(3px, 12px);
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:active {
        -webkit-transform: translate(3px, 6px);
        transform: translate(3px, 6px);
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field label.ays_position_initial {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 90px;
    padding-right: 30px;
    padding-left: 90px;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field label.ays_position_initial {
        min-height: 60px;
        padding-right: 40px;
        padding-left: 70px;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field label.ays_position_initial:before {
    position: absolute;
    left: 10px;
    width: 70px;
    height: 70px;
    border: none;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field label.ays_position_initial:before {
        width: 40px;
        height: 40px;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(1) {
    background: #5db827;
    -webkit-box-shadow: 3px 12px 0 0 #1b891e;
    box-shadow: 3px 12px 0 0 #1b891e;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(1) {
        -webkit-box-shadow: 2px 6px 0 0 #1b891e;
        box-shadow: 2px 6px 0 0 #1b891e;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(1):hover {
    -webkit-box-shadow: 2px 6px #1b891e;
    box-shadow: 2px 6px #1b891e;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(1):hover {
        -webkit-box-shadow: 1px 3px #1b891e;
        box-shadow: 1px 3px #1b891e;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(1):active {
    -webkit-box-shadow: 0 0 #1b891e;
    box-shadow: 0 0 #1b891e;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(1) label:before {
    background: url(../img/ico_quiz_a.svg) no-repeat center center/contain;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(2) {
    background: #f0890d;
    -webkit-box-shadow: 3px 12px 0 0 #c9600a;
    box-shadow: 3px 12px 0 0 #c9600a;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(2) {
        -webkit-box-shadow: 2px 6px 0 0 #c9600a;
        box-shadow: 2px 6px 0 0 #c9600a;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(2):hover {
    -webkit-box-shadow: 2px 6px #c9600a;
    box-shadow: 2px 6px #c9600a;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(2):hover {
        -webkit-box-shadow: 1px 3px #c9600a;
        box-shadow: 1px 3px #c9600a;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(2):active {
    -webkit-box-shadow: 0 0 #c9600a;
    box-shadow: 0 0 #c9600a;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(2) label:before {
    background: url(../img/ico_quiz_b.svg) no-repeat center center/contain;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(3) {
    background: #408fde;
    -webkit-box-shadow: 3px 12px 0 0 #326aba;
    box-shadow: 3px 12px 0 0 #326aba;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(3) {
        -webkit-box-shadow: 2px 6px 0 0 #326aba;
        box-shadow: 2px 6px 0 0 #326aba;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(3):hover {
    -webkit-box-shadow: 2px 6px #326aba;
    box-shadow: 2px 6px #326aba;
}

@media screen and (max-width: 768px) {
    .production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(3):hover {
        -webkit-box-shadow: 1px 3px 0 0 #326aba;
        box-shadow: 1px 3px 0 0 #326aba;
    }
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(3):active {
    -webkit-box-shadow: 0 0 #326aba;
    box-shadow: 0 0 #326aba;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays-quiz-answers .ays-field:nth-of-type(3) label:before {
    background: url(../img/ico_quiz_c.svg) no-repeat center center/contain;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_quiz_results_page img[src*=ttl_all_clear] {
    margin: 3em auto 1em;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_quiz_results_page .incorrect-answer {
    margin-bottom: 0.5em;
    color: #004ea2;
    font-family: "Noto Sans JP";
    font-size: 3em;
    font-weight: 900;
    line-height: 1.2em;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_quiz_results_page .correct-answer {
    margin-bottom: 0.5em;
    color: #ef5633;
    font-family: "Noto Sans JP";
    font-size: 3em;
    font-weight: 900;
    line-height: 1.2em;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_quiz_results_page button.action-button.ays_restart_button span {
    display: none;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_quiz_results_page button.action-button.ays_restart_button:after {
    content: "もう一度挑戦する";
    line-height: 1.4em;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_quiz_results_page a.result {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1em auto 0;
    padding: 1em 1.5em 1em 2em;
    color: #fff;
    font-size: 115%;
    font-weight: bold;
    background: #ef5633;
    border-radius: 300px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_quiz_results_page a.result:hover {
    opacity: 0.8;
}

.production-page#quiz-page #main-quiz .ays-quiz-container .step .ays_quiz_results_page a.result:after {
    content: "";
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 0;
    height: 0;
    margin-left: 1em;
    border-width: 7px 0 7px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.production-page#quiz-page .quiz_link {
    margin-top: 0;
}

.production-page#quiz-page .quiz_link h3 {
    margin-bottom: 4em;
    color: #fff;
    font-family: "Noto Sans JP";
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    line-height: 1.3em;
}

.production-page#quiz-page .quiz_link h3 img {
    display: block;
    margin: 1.2em auto 0;
}

.production-page#enquete-page .bk_pattern01 {
    overflow: hidden;
}

.production-page#enquete-page .ttl_wrap {
    padding-bottom: 4em;
}

.production-page#enquete-page #enquete {
    padding: 5em 0 8em;
    background: #fff;
    border-top: 1px solid #eee;
}

.production-page#enquete-page #enquete .ttlStl01 {
    margin-bottom: 1.7em;
    letter-spacing: 0.1em;
    line-height: 1.5em;
}

.production-page#enquete-page #enquete .ttlStl01 + p {
    margin-bottom: 6em;
}

.production-page#enquete-page #enquete .form_table {
    margin-bottom: 2.8em;
}

.production-page#enquete-page #enquete .send_complete .complete_present {
    margin-top: 8em;
}

.production-page#enquete-page #enquete .send_complete .complete_present .balloon {
    position: relative;
    display: inline-block;
    padding: 2.2em 3em 1.5em;
    color: #004ea2;
    font-size: 1.125em;
    font-weight: bold;
    background: #fed200;
    border-radius: 80px;
}

.production-page#enquete-page #enquete .send_complete .complete_present .balloon:after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #fed400 transparent transparent transparent;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

@media screen and (min-width: 769px) {
    .closed-page#online-page nav ul > li.parents:last-of-type .children {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .closed-page#online-page nav ul > li.parents:last-of-type .children:before {
        right: 4em;
        left: auto;
    }
}

.closed-page #event_end_guidance {
    padding: 5em 0;
    background: #004ea2;
}

@media screen and (min-width: 769px) {
    .closed-page #event_end_guidance {
        margin-top: 2em;
    }
}

.closed-page #event_end_guidance h3 {
    margin-bottom: 1.2em;
    line-height: 1.2em;
}

.closed-page #event_end_guidance h3 + p {
    line-height: 2em;
}

.closed-page #event_end_guidance p {
    color: #fff;
    font-size: 1.25em;
}

.closed-page #event_end_guidance .comment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.6em;
    font-family: "Noto Sans JP";
    font-weight: 900;
}

.closed-page #event_end_guidance .comment p {
    margin: 0 1%;
}

.closed-page #event_end_guidance .comment:before,
.closed-page #event_end_guidance .comment:after {
    content: "";
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 107px;
    max-width: 15%;
}

.closed-page #event_end_guidance .comment:before {
    background: url(../img/comment_l.svg) no-repeat bottom left/contain;
}

.closed-page #event_end_guidance .comment:after {
    background: url(../img/comment_r.svg) no-repeat bottom left/contain;
}

.closed-page #event_end_guidance ul {
    margin-top: 2.5em;
}

@media screen and (max-width: 768px) {
    .closed-page #event_end_guidance ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.closed-page #event_end_guidance ul li {
    -webkit-flex-basis: 24%;
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
}

@media screen and (max-width: 768px) {
    .closed-page #event_end_guidance ul li {
        margin: 0.12em 0;
        -webkit-flex-basis: 49.6%;
        -ms-flex-preferred-size: 49.6%;
        flex-basis: 49.6%;
    }
}

.closed-page #event_end_guidance ul li a {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .closed-page #event_end_guidance ul li a {
        padding: 1em 1.7em 1em 0.75em;
        line-height: 1.3em;
    }

    .closed-page #event_end_guidance ul li a:after {
        right: 0.75em;
    }
}

.closed-page #online-about {
    border-bottom: 5px solid #f2f2f2;
}

.closed-page #online-about + section:after {
    display: none;
}

.closed-page #online-about .boxStl01 {
    margin-top: 3em;
}

@media screen and (min-width: 769px) {
    .closed-page #online-about .boxStl01 {
        padding: 2em 4.5em;
    }
}

@media screen and (min-width: 769px) {
    .closed-page #online-about .boxStl01 .txt {
        width: 94%;
        margin-left: auto;
    }
}

.closed-page #online-about .boxStl01 .link_wrap {
    gap: 1em;
    margin-top: 1em;
}

.closed-page #online-about .boxStl01 .link_wrap a {
    width: 280px;
    max-width: 100%;
    margin: 1em 0;
}

@media screen and (max-width: 768px) {
    .closed-page #online-about .boxStl01 .link_wrap a {
        margin-bottom: 0;
    }
}

.closed-page #live-seminar {
    padding-bottom: 4em;
}

@media screen and (max-width: 768px) {
    .closed-page #live-seminar {
        padding-top: 5em;
    }
}

.closed-page #live-seminar:before {
    background: none;
}

.closed-page #live-seminar .live-seminar_wrap {
    margin-top: 4em;
    padding: 4em 0 4.5em;
    background: #004ea2;
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2em 3.125em 1.8em;
    background: #fff;
    border-radius: 30px;
}

@media screen and (max-width: 768px) {
    .closed-page #live-seminar .live-seminar_wrap .live-seminar_list {
        padding: 2em 2em 1.8em;
    }
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list:before {
    display: none;
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list .live-seminarBox {
    -webkit-flex-basis: 47.778%;
    -ms-flex-preferred-size: 47.778%;
    flex-basis: 47.778%;
    margin: 1.2em 0;
}

@media screen and (max-width: 768px) {
    .closed-page #live-seminar .live-seminar_wrap .live-seminar_list .live-seminarBox + .live-seminarBox {
        margin-top: 3em;
    }
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list .live-seminarBox:first-of-type .img {
    background: #e5e1d3;
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list .live-seminarBox:first-of-type .img img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;";
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list .live-seminarBox .img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 3/1.65;
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list .live-seminarBox .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list .live-seminarBox .txt .ttlStl07 {
    margin-bottom: 0.3em;
    font-size: 1.25em;
    line-height: 1.4em;
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list .live-seminarBox .txt table {
    width: 100%;
    margin-top: 1.4em;
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list .live-seminarBox .txt table tr > * {
    padding: 0.5em 0.7em;
}

.closed-page #live-seminar .live-seminar_wrap .live-seminar_list .live-seminarBox .txt table tr > th {
    width: 3.75em;
}

.half-circle {
    position: relative;
}

.half-circle:after {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 400px;
    height: 51px;
    margin: 0 auto;
    background: url(../img/half_circle.png) no-repeat center bottom/contain;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .half-circle:after {
        width: 60%;
    }
}

footer .ftNav ul.childrenNav {
    margin-top: 0.4em;
    margin-left: 1em;
}

footer .ftNav ul.childrenNav li + li {
    margin-top: 0.25em;
}

footer .ftNav ul.childrenNav li a {
    font-weight: normal;
}

form .form_btn_wrap {
    gap: 1em;
}

form .form_btn_wrap > * + * {
    margin-top: 1em;
}

form .previous_btn,
form .send_btn_bl {
    position: relative;
    display: block;
    width: 300px;
    max-width: 95%;
    margin: 3.4em auto 1em;
    padding: 1.2em 2em;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.1em;
    background-color: #004ea2;
    background-image: url(../img/arrowR_wh01.svg);
    background-repeat: no-repeat;
    background-position: center right 1.2em;
    border-radius: 10px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

form .previous_btn[disabled],
form .send_btn_bl[disabled] {
    background-color: #cccccc;
    pointer-events: none;
}

form .previous_btn:hover,
form .send_btn_bl:hover {
    opacity: 0.8;
}

form .previous_btn {
    background-color: #c9600a;
}

#present-thanks {
    padding: 1em 0 8em;
}

#present-thanks .boxStl05 {
    max-width: 1000px;
    margin: 3em auto 0;
}

#present-thanks .balloon {
    position: relative;
    display: inline-block;
    color: #004ea2;
    font-size: 1.125em;
    font-weight: bold;
    background: #fed200;
    border-radius: 40px;
}

@media screen and (max-width: 768px) {
    #present-thanks .balloon {
        padding: 2em 1.5em 1em;
        border-radius: 20px;
    }
}

#present-thanks .balloon:after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #fed400 transparent transparent transparent;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.modalBox {
    position: fixed;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 102;
    display: none;
    width: 1200px;
    max-width: 90%;
    height: 90vh;
    margin: auto;
    background: #fff;
    border-radius: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow-y: scroll;
}

.modalBox .balloon {
    position: relative;
    display: inline-block;
    margin: 2.5em auto 3em;
    padding: 1.5em 3em;
    color: #004ea2;
    font-size: 1.125em;
    font-weight: bold;
    background: #fed200;
    border-radius: 40px;
}

@media screen and (max-width: 768px) {
    .modalBox .balloon {
        padding: 1em 1.5em;
        border-radius: 20px;
    }
}

.modalBox .balloon:after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #fed400 transparent transparent transparent;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.modalBox.present_modal {
    padding: 4.5em 5em 7em;
}

@media screen and (max-width: 768px) {
    .modalBox.present_modal {
        padding: 2.5em 1.5em 4em;
        font-size: 90%;
    }
}

.modalBox.present_modal .present_head .present_item {
    margin-bottom: 4.5em;
}

.modalBox.present_modal .present_head .present_item .plus {
    position: relative;
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin: 4.5em 3em;
}

@media screen and (max-width: 768px) {
    .modalBox.present_modal .present_head .present_item .plus {
        width: 40px;
        height: 40px;
        margin: 3em auto;
    }
}

.modalBox.present_modal .present_head .present_item .plus:before,
.modalBox.present_modal .present_head .present_item .plus:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    margin: auto;
    background: #004ea2;
}

.modalBox.present_modal .present_head .present_item .plus:before {
    width: 10px;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .modalBox.present_modal .present_head .present_item .plus:before {
        width: 6px;
    }
}

.modalBox.present_modal .present_head .present_item .plus:after {
    top: 50%;
    width: 100%;
    height: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .modalBox.present_modal .present_head .present_item .plus:after {
        height: 6px;
    }
}

.modalBox .boxStl05 {
    margin-top: 2.5em;
}

.modalBox .check {
    margin: 4.5em 0 0;
    text-align: center;
}

.modalBox .check span {
    display: inline-block;
}

.modalBox .check label {
    display: inline-block;
}

.modalBox .check label input {
    display: none;
}

.modalBox .check label input:checked + span:before {
    background: #004ea2;
}

.modalBox .check label .wpcf7-list-item-label {
    position: relative;
    display: inline-block;
    padding-left: 2.5em;
    text-align: left;
    line-height: 1.8em;
}

@media screen and (max-width: 768px) {
    .modalBox .check label .wpcf7-list-item-label {
        padding-left: 2em;
    }
}

.modalBox .check label .wpcf7-list-item-label:before {
    content: "";
    position: absolute;
    top: 0.2em;
    left: 0;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 1em;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 0 0 1px #ccc;
    box-shadow: 0 0 0 1px #ccc;
    border-radius: 5px;
}

.modalBox .linkStl02:last-of-type {
    display: inline-block;
    margin-top: 5em;
}

form:not(.send) .send_visible {
    display: none;
}

form.send .send_hidden {
    display: none;
}

.send_complete h3 {
    margin-bottom: 2.6em;
}

.send_complete h3 + p {
    line-height: 2.1em;
}

.send_complete .complete_present {
    position: relative;
    max-width: 1000px;
    margin: 10em auto 0;
    padding: 0em 1em 4.2em;
    background: #f9f9f9;
    border: 2px solid #f4f4f4;
    border-radius: 20px;
}

.send_complete .complete_present .balloon {
    width: 700px;
    max-width: 90%;
    margin: 0 auto -0.5em;
    padding: 2.6em 2em 1.75em;
    font-size: 1.25em;
    letter-spacing: 0.1em;
    border-radius: 60px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .send_complete .complete_present .balloon {
        padding: 3em 1em 1.4em;
        font-size: 1.1em;
        border-radius: 30px;
    }
}

.send_complete .complete_present .balloon .fzL {
    color: #ef5633;
    font-size: 1.2em;
    line-height: 1.4em;
    letter-spacing: 0.1em;
}

.send_complete .complete_present .balloon .ribbon {
    position: absolute;
    top: 0;
    left: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.5em 1.4em;
    color: #fff;
    background: #004ea2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
    .send_complete .complete_present .balloon .ribbon {
        right: 0;
        left: 0;
        width: 85%;
        margin: 0 auto;
        line-height: 1.4em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.send_complete .complete_present .balloon .ribbon:before {
    content: "";
    display: block;
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.5em;
    background: url(../img/ico_present_wh.svg) no-repeat top center/contain;
}

.send_complete .complete_present .balloon .ribbon span {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 0.4em;
    height: 100%;
}

.send_complete .complete_present .balloon .ribbon span:before,
.send_complete .complete_present .balloon .ribbon span:after {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
}

.send_complete .complete_present .balloon .ribbon span:first-of-type {
    left: 1px;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

.send_complete .complete_present .balloon .ribbon span:first-of-type:before {
    background: -webkit-gradient(linear, left bottom, right top, color-stop(48%, rgba(0, 78, 162, 0)), color-stop(52%, rgb(0, 78, 162)));
    background: -webkit-linear-gradient(left bottom, rgba(0, 78, 162, 0) 48%, rgb(0, 78, 162) 52%);
    background: linear-gradient(to right top, rgba(0, 78, 162, 0) 48%, rgb(0, 78, 162) 52%);
}

.send_complete .complete_present .balloon .ribbon span:first-of-type:after {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(48%, rgba(0, 78, 162, 0)), color-stop(52%, rgb(0, 78, 162)));
    background: -webkit-linear-gradient(left top, rgba(0, 78, 162, 0) 48%, rgb(0, 78, 162) 52%);
    background: linear-gradient(to right bottom, rgba(0, 78, 162, 0) 48%, rgb(0, 78, 162) 52%);
}

.send_complete .complete_present .balloon .ribbon span:last-of-type {
    right: 1px;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.send_complete .complete_present .balloon .ribbon span:last-of-type:before {
    background: -webkit-gradient(linear, right bottom, left top, color-stop(48%, rgba(0, 78, 162, 0)), color-stop(52%, rgb(0, 78, 162)));
    background: -webkit-linear-gradient(right bottom, rgba(0, 78, 162, 0) 48%, rgb(0, 78, 162) 52%);
    background: linear-gradient(to left top, rgba(0, 78, 162, 0) 48%, rgb(0, 78, 162) 52%);
}

.send_complete .complete_present .balloon .ribbon span:last-of-type:after {
    background: -webkit-gradient(linear, right top, left bottom, color-stop(48%, rgba(0, 78, 162, 0)), color-stop(52%, rgb(0, 78, 162)));
    background: -webkit-linear-gradient(right top, rgba(0, 78, 162, 0) 48%, rgb(0, 78, 162) 52%);
    background: linear-gradient(to left bottom, rgba(0, 78, 162, 0) 48%, rgb(0, 78, 162) 52%);
}

.send_complete .complete_present .balloon + p {
    letter-spacing: 0.1em;
}

.send_complete .complete_present dl {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-top: 4em;
    padding: 0 1em;
}

@media screen and (min-width: 769px) {
    .send_complete .complete_present dl + dl {
        border-left: 1px solid #eeeeee;
    }
}

@media screen and (max-width: 768px) {
    .send_complete .complete_present dl + dl {
        padding-top: 3em;
        border-top: 1px solid #eeeeee;
    }
}

.send_complete .complete_present dl:first-of-type {
    flex-basis: 60%;
}

@media screen and (min-width: 769px) {
    .send_complete .complete_present dl:first-of-type {
        max-width: 60%;
    }
}

.send_complete .complete_present dl:last-of-type {
    flex-basis: 40%;
}

@media screen and (min-width: 769px) {
    .send_complete .complete_present dl:last-of-type {
        max-width: 40%;
    }
}

.send_complete .complete_present dl > dt {
    margin-bottom: 2em;
    color: #004ea2;
    font-size: 1.25em;
    font-weight: bold;
}

.send_complete .complete_present dl > dt .size {
    display: block;
    margin-top: 0.3em;
    font-size: 0.8em;
}

.send_complete .complete_present dl > dd {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.send_complete .complete_present dl > dd .img {
    margin-bottom: 2.6em;
}

.send_complete .complete_present dl > dd .img img {
    border: 1px solid #eeeeee;
}

.send_complete .complete_present dl > dd a {
    margin: auto auto 0;
}

.present_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none;
    background: rgba(254, 210, 0, 0.8);
}

/*# sourceMappingURL=production.css.map */