.online {
}
.online__header {
    background: url(../images/movie-back.jpg) no-repeat center center/cover;
}
.online__main-head {
    padding: 25px 0;
    width: 66%;
    margin: 0 auto;
    display: block;
}
.online__head-text {
    font-size: 3.8vw;
    text-align: center;
    margin-top: 1.7em;
}
.online__head-title {
    font-size: 4.7vw;
    font-weight: 700;
    margin: 1.222222222222222em 0;
    text-align: center;
}
.online__head-title span {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
}
.online__head-title strong {
    color: #ff6700;
}
.online__head-title span:before {
    background: #ff6700;
    display: block;
    content: "";
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 50%;
    position: absolute;
    top: -2.666666666666667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
    .online__main-head {
        width: 320px;
        padding: 35px 0;
    }
    .online__head-text {
        font-size: 16px;
        margin-top: 35px;
    }
    .online__head-title {
        font-size: 34px;
        margin: 25px 0;
    }
    .online__head-title span:before {
        width: 8px;
        height: 8px;
        top: -8px;
    }
}
.online-consul {
    background: #fff;
    padding: 4vw;
    border-bottom: solid 2px #e3e3e1;
}
.online-consul__title {
    margin-bottom: 8vw;
    text-align: center;
}
.online-consul__uppertitle {
    font-size: 3.6vw;
    text-align: center;
    color: #ff6700;
}
.online-consul__able {
    font-weight: bold;
    font-size: 3.733333333333333vw;
    text-align: center;
}
.online-consul__img {
    margin: 0 auto 10vw;
    display: block;
}
.online-consul__text {
    margin-bottom: 3vw;
    font-size: 4.2vw;
    text-align: center;
}
.online-consul__text span {
    font-weight: bold;
}
.online-consul__able span {
    color: #ff6700;
}
.online-consul__benefit {
    margin-top: 14vw;
}
.online-consul__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8vw;
}
.online-consul__list li {
    width: 100%;
    margin-bottom: 10vw;
}
.online-consul__list li:last-of-type {
    margin-bottom: 0;
}
.online-consul__card {
    display: block;
    width: 100%;
    margin-bottom: 4vw;
}
.online-consul__sub-title {
    font-size: 4.8vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2vw;
}
.online-consul__sub-text {
    font-size: 3.6vw;
    text-align: center;
    margin-bottom: 17px;
}
.online-consul__sub-text:last-of-type {
    margin-bottom: 0;
}
.online-consul__button {
    margin-top: 4vw;
}
@media screen and (min-width: 768px) {
    .online-consul {
        padding: 75px 30px 140px;
    }
    .online-consul__uppertitle {
        font-size: 22px;
    }
    .online-consul__title {
        margin-bottom: 50px;
    }
    .online-consul__text {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .online-consul__img {
        margin: 0 auto 55px;
    }
    .online-consul__able {
        font-size: 24px;
    }
    .online-consul__item {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .online-consul__inner {
        display: table-cell;
        box-sizing: border-box;
        vertical-align: middle;
        height: 18.66666666666667vw;
        padding: 1.333333333333334vw 5.333333333333334vw 1.333333333333334vw
            13.33333333333333vw;
    }
    .online-consul__list {
        font-size: 18px;
        max-width: 1000px;
        margin: 25px auto 0;
    }
    .online-consul__list li {
        width: 30%;
        margin-bottom: 0;
    }
    .online-consul__sub-title {
        font-size: 22px;
    }
    .online-consul__card {
        margin-bottom: 20px;
    }
    .online-consul__sub-text {
        font-size: 16px;
    }
    .online-consul__sub-title {
        margin-bottom: 10px;
    }
    .online-consul__inner {
        height: 100px;
        padding: 5px 20px 5px 75px;
    }
    .online-consul__benefit {
        margin: 60px auto 0;
        display: block;
    }
}
.online-apply {
    background: #f7f6f0;
    padding: 4vw;
    margin-bottom: 30px;
    position: relative;
    border-bottom: solid 2px #e3e3e1;
}
.online-apply:after {
    content: "";
    display: block;
    border-top: 30px solid #f7f6f0;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
}
.online-apply:before {
    content: "";
    display: block;
    border-top: 30px solid #e3e3e1;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -32px;
}
.online-apply__title {
    text-align: center;
    margin-bottom: 8vw;
}
.online-apply__text {
    text-align: center;
    font-size: 4.7vw;
    font-weight: bold;
    margin-bottom: 8vw;
}
.online-apply__detail {
    background: #fff;
    padding: 8vw 4vw 5vw;
}
.online-apply__head {
    font-weight: bold;
    font-size: 3.7vw;
    position: relative;
    padding-left: 4vw;
    margin-bottom: 2vw;
}
.online-apply__head:before {
    content: "";
    display: block;
    height: 3vw;
    width: 3vw;
    background: #fecd00;
    font-size: 4.2vw;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.online-apply__content {
    font-size: 3.7vw;
    line-height: 1.5;
    margin-bottom: 3.5vw;
}
.online-apply__content span {
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .online-apply {
        padding: 80px 0 100px;
    }
    .online-apply:after {
        border-top: 50px solid #f7f6f0;
        border-right: 80px solid transparent;
        border-left: 80px solid transparent;
        bottom: -50px;
    }
    .online-apply:before {
        border-top: 50px solid #e3e3e1;
        border-right: 80px solid transparent;
        border-left: 80px solid transparent;
        bottom: -52px;
    }
    .online-apply__title {
        margin-bottom: 45px;
    }
    .online-apply__text {
        font-size: 22px;
        margin-bottom: 35px;
    }
    .online-apply__head {
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 15px;
    }
    .online-apply__head:before {
        height: 12px;
        width: 12px;
    }
    .online-apply__content {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .online-apply__content:last-of-type {
        margin-bottom: 0;
    }
    .online-apply__detail {
        max-width: 640px;
        margin: 0 auto;
        padding: 30px;
    }
}

/* **************************************************

  online-entry

************************************************** */
.online-entry {
}
.online-entry .section-header {
    text-align: center;
    padding: 18.66666666666667vw 4vw 10.66666666666667vw;
}
.online-entry .section-body {
    margin: 0 4vw 16vw;
}

.online-entry__radio {
    position: relative;
}
.online-entry__radio input[type="radio"] {
    /*display: none;*/
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 20px;
    left: 8px;
    display: block;
    height: 1px;
    width: 1px;
}
.online-entry__region {
    display: block;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 2px;
    padding-top: 10px;
    font-size: 3.5vw;
}
.online-entry__region:before {
    width: 11px;
    height: 11px;
    margin-right: 5px;
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -3px;
}
.online-entry__radio input:checked + .online-entry__region:before {
    background-color: #ff6700;
}
.online-entry__title {
    font-size: 5vw;
    color: #ff6700;
    font-weight: bold;
    text-align: center;
}
.online-entry__note {
    font-size: 3.2vw;
    text-align: center;
}
.online-entry__text {
    font-size: 3.2vw;
    text-align: center;
    margin-top: 4vw;
}
.online-entry .section-body .form-title {
    font-size: 3.733333333333333vw;
    font-weight: bold;
    color: #333;
}
.online-entry .section-body .form-text {
    font-size: 3.733333333333333vw;
}
.online-entry__form {
    background: #fff9e0;
    padding: 10vw 0;
}
.online-entry .form-step {
    background: #fff;
    font-size: 0;
    letter-spacing: 0;
    border: solid 1px #e1e1e1;
    margin-bottom: 25px;
}
.online-entry .form-step-input {
    background: #ffce00;
    position: relative;
    width: 46.5%;
    display: inline-block;
    padding: 12px 0 6px;
    text-align: center;
}
.online-entry .form-step-complete {
    background: #fff;
    width: 53.5%;
    display: inline-block;
    padding: 12px 0 6px;
    text-align: center;
}
.online-entry .form-step-input::after {
    display: block;
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 17px solid #ffce00;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.online-entry .form-step-input::before {
    display: block;
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 17px solid #e1e1e1;
    position: absolute;
    right: -17px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.online-entry .form-step-1 {
    font-size: 11px;
    font-weight: bold;
    color: #333;
    background: #fff;
    padding: 4px 13px;
    border-radius: 10px;
}
.online-entry .form-step-2 {
    background: #bfbfbf;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding: 4px 13px;
    border-radius: 10px;
}
.online-entry .form-step-text {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-top: 5px;
}
.online-entry .form-vertical {
    display: flex;
    justify-content: space-between;
    margin-top: 5.333333333333333vw;
    align-items: flex-end;
}
.online-entry .form-vertical-item {
    width: 48%;
}

.online-entry .section-body .form-title:nth-of-type(n + 2) {
    margin-top: 5vw;
}
.online-entry .section-body .form-body,
.online-entry .section-body .form-body > *:nth-child(n + 2) {
    margin-top: 2vw;
}
.online-entry .section-body .txt1 {
    font-size: 3.733333333333333vw;
    margin-top: 2em;
}
.online-entry .section-body .txt1 a {
    text-decoration: underline;
    color: #212121;
}

.online-entry .section-body .form-wrap {
    padding: 20px 4vw 40px;
}
.online-entry .section-body .agree {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .online-entry {
        margin-top: 100px;
    }
    .online-entry__title {
        font-size: 30px;
    }
    .online-entry__note {
        font-size: 16px;
        text-align: center;
    }
    .online-entry .section-body .form-text {
        font-size: 16px;
    }
    .online-entry__form {
        padding: 80px 0;
    }
    .online-entry__radio {
        font-size: 16px;
        display: block;
        margin: 0;
        line-height: 1;
        vertical-align: top;
    }
    .online-entry__region {
        font-size: 16px;
    }
    .online-entry__region:before {
        width: 14px;
        height: 14px;
        border: 1px solid #d9d9d9;
    }
    .online-entry__text {
        font-size: 16px;
        margin-top: 20px;
    }
    .online-entry .form-consul {
        display: flex;
        justify-content: space-between;
    }
    .online-entry .form-consul .form-body {
        width: 48%;
    }
    .online-entry .section-header {
        padding: 90px 20px;
    }
    .online-entry .section-body {
        padding: 0;
        max-width: 700px;
        margin: 0 auto 130px;
    }
    .online-entry .section-body > .inner {
        max-width: 690px;
        margin: 0 auto;
    }

    .online-entry .section-body .wrapper {
        padding: 50px 50px;
        max-width: 690px;
        margin: 0 auto;
    }

    .online-entry .section-body .form-wrap {
        padding: 40px;
    }

    .online-entry .section-body .form-inner {
        margin: 0 auto;
    }

    .online-entry .form-vertical {
        margin-top: 20px;
    }

    .online-entry .section-body .form-title {
        font-size: 14px;
    }
    .online-entry .section-body .form-title:nth-of-type(n + 2) {
        margin-top: 20px;
    }
    .online-entry .section-body .form-body,
    .online-entry .section-body .form-body > *:nth-child(n + 2) {
        margin-top: 10px;
    }
    .online-entry .section-body .form-title.d-md-none + .form-body {
        margin-top: 20px;
    }
    .online-entry .section-body .txt1,
    .online-entry .section-body .agree {
        font-size: 16px;
    }
    .online-entry .section-body .txt1 a:hover {
        color: #ff6700;
    }
    .online-entry .section-body .agree {
    }
    .online-entry .section-body .entrybox {
        margin-top: 20px;
    }
}

#seminar {
    position: relative;
    border-bottom: solid 2px #e3e3e1;
}
#seminar:after {
    content: "";
    display: block;
    border-top: 30px solid #f7f6f0;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
}
#seminar:before {
    content: "";
    display: block;
    border-top: 30px solid #e3e3e1;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -32px;
}

@media screen and (min-width: 768px) {
    #seminar {
    }
    #seminar:after {
        border-top: 50px solid #f7f6f0;
        border-right: 80px solid transparent;
        border-left: 80px solid transparent;
        bottom: -50px;
    }
    #seminar:before {
        border-top: 50px solid #e3e3e1;
        border-right: 80px solid transparent;
        border-left: 80px solid transparent;
        bottom: -52px;
    }
}

#entry {
}
#entry form {
    background: #fff9e0;
    padding: 4vw 0;
}
#entry .section-body .form-wrap {
    background: transparent;
    box-shadow: none;
    padding: 20px 4vw 0;
}

@media screen and (min-width: 768px) {
    #entry {
    }
    #entry .section-body {
        max-width: 700px;
    }
    #entry form {
        background: #fff9e0;
        padding: 75px 40px;
    }
    #entry .section-body .form-wrap {
        background: transparent;
        box-shadow: none;
        padding: 55px 0 0;
    }
    #entry .section-body .form-inner {
        width: 100%;
    }
    #entry .section-body .entrybox {
    }
}

.online-env {
    padding: 16vw 4vw 16vw;
    border-top: solid 2px #e3e3e1;
}
.online-env__inner {
}
.online-env__title {
    font-weight: bold;
    text-align: center;
    font-size: 4.8vw;
    margin-bottom: 7.5vw;
}
.online-env__text {
    font-size: 3.7vw;
    margin-bottom: 5vw;
}
.online-env__content {
    margin-top: 8vw;
}
.online-env__cat {
    font-weight: bold;
    font-size: 3.7vw;
    position: relative;
    padding-left: 4vw;
    margin-bottom: 2vw;
}
.online-env__cat:before {
    content: "";
    display: block;
    height: 3vw;
    width: 3vw;
    background: #fecd00;
    font-size: 4.2vw;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.online-env__table {
    width: 100%;
    border: solid 2px #333;
}
.online-env__table tr {
}
.online-env__table th {
    background: #333;
    color: #fff;
    padding: 8px;
    font-size: 3.2vw;
    font-weight: bold;
}
.online-env__table td {
    vertical-align: middle;
    font-size: 3.2vw;
    padding: 8px;
    border: 2px solid #333;
}

@media screen and (min-width: 768px) {
    .online-env {
        padding: 90px 0;
    }
    .online-env__inner {
        max-width: 700px;
        margin: 0 auto;
    }
    .online-env__title {
        font-size: 24px;
        margin-bottom: 40px;
    }
    .online-env__text {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .online-env__content {
        margin-top: 30px;
    }
    .online-env__cat {
        font-size: 18px;
        padding-left: 20px;
        margin-bottom: 15px;
    }
    .online-env__cat:before {
        height: 15px;
        width: 15px;
    }
    .online-env__table {
    }
    .online-env__table th {
        font-size: 16px;
    }
    .online-env__table td {
        font-size: 16px;
    }
}

.slider-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 6vw 4vw;
}
.slider-nav-item {
    width: 30%;
    background-color: #ffce00;
    color: #333;
    font-size: 4.5vw;
    padding: 4vw 0;
    font-weight: bold;
    transition: 0.3s ease-out;
}
.slider-nav-item.thumbnail-current {
    background-color: #ff6700;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .slider-nav {
        display: none;
    }
}
.step-top {
    display: flex;
}
.step-contens {
    display: flex;
    background-color: #fff;
    align-items: center;
    width: 100%;
    padding: 18px 0;
    height: auto;
}
.step-contens__left {
    width: 37%;
}

.step__list li:first-of-type .step-icon__img {
    width: 50%;
}
.step__list li:nth-of-type(2) .step-icon__img {
    width: 56%;
}
.step__list li:nth-of-type(3) .step-icon__img {
    width: 86%;
}

.step-icon__img {
    height: auto;
    width: 50%;
    margin: 0 auto;
    display: block;
}
.step-contens__right {
    width: 70%;
}
/*
.step-title {
  text-align: center;
  padding-bottom: 5px;
}
*/

.step__title {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #ff6700;
    margin-bottom: 5px;
}

.step__title span {
    font-size: 37px;
}

.step-num {
    background-color: #fece00;
    padding: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-num__text {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 2.2em;
}
.step-num__text span {
    font-size: 30px;
    font-weight: 800;
}
.step-icon {
    padding: 18px 20px 18px 30px;
}
.step-big {
    font-size: 19px;
    font-weight: 600;
}
.step-small {
    font-size: 13px;
}
.step__list li {
    position: relative;
    margin-top: 36px;
}
.step__list li:first-of-type {
    margin-top: 0;
}

.step__list li::after {
    content: "";
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #fece00;
    position: absolute;
    bottom: -26px;
    right: 50%;
    transform: translateX(50%);
}

.step__list li:nth-of-type(3)::after {
    content: none;
}

.sub-contents {
    padding-top: 20px;
    text-align: left;
}
.sub-contents__text {
    font-size: 13px;
    padding: 0 5px;
    margin-top: 5px;
}
.sub-contents__inner {
    margin-bottom: 20px;
}
.sub-contents__inner:last-of-type {
    margin-bottom: 0px;
}
.sub-contents__text:first-of-type {
    text-indent: -1em;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .step-top {
        display: inline-block;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    .step-contens {
        display: inline-block;
        padding: 27px 0;
        text-align: center;
        min-height: 400px;
    }
    .step-contens__left {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 150px;
        width: 80%;
        margin: 0 auto;
    }
    .step-icon__img {
        height: auto;
        width: 100%;
    }
    .step__list li {
        margin: 0;
        width: 31.4%;
        position: relative;
    }
    /*
  .step-title {
    text-align: center;
    padding-bottom: 5px;
  }*/

    .step__title {
        font-size: 37px;
        font-weight: 700;
        color: #ff6700;
        padding-bottom: 6px;
    }
    .step__title span {
        font-size: 57px;
    }

    .step {
        margin: 0 auto;
    }

    .step__list {
        display: flex;
        justify-content: space-between;
        max-width: 700px;
        margin: 0 auto;
    }

    .step__list li::after {
        content: "";
        border-left: 20px solid #fece00;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        position: absolute;
        bottom: 50%;
        right: -36px;
        transform: translateX(0);
        transform: translateY(50%);
    }

    .step__list li:nth-of-type(3)::after {
        content: none;
    }

    .step-num {
        background-color: #fece00;
        padding: 8px;
    }

    .step-num__text {
        color: #fff;
        font-size: 21px;
        font-weight: 700;
        line-height: 1em;
    }
    .step-num__text span {
        font-size: 31px;
        font-weight: 800;
    }

    .step-contens__right {
        margin: 10px auto 0;
        width: 100%;
    }

    .step-big {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.3;
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .step-small {
        text-align: left;
        margin: 8px 0px 0px;
        font-size: 16px;
        padding: 0 22px;
    }
    .sub-contents__text {
        font-size: 16px;
        letter-spacing: 0.05em;
    }
    .sub-contents {
        text-align: left;
        max-width: 700px;
        margin: 40px auto 0;
        padding: 0;
    }
    .sub-contents__text:nth-of-type(n + 2) {
        margin-top: 0;
    }
}
.service {
    background-color: #fff;
    margin: 7vw 0 5vw;
    border: solid 2px #c4a21f;
    border-radius: 10px;
    padding: 2vw;
}
.service__limit {
    text-align: center;
    font-size: 4vw;
    font-weight: bold;
    letter-spacing: 0;
}
.service__limit span {
    color: #ff6700;
}
.service__area {
    margin-top: 3vw;
}
.service__list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-image: url(../images/inviaff/list-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3vw 2vw;
    border-radius: 10px;
    margin-top: 2.5vw;
}
.service__list:first-of-type {
    margin-top: 0;
}
.service__check {
    width: 12%;
    margin-right: 2vw;
}
.service__right {
    font-size: 3vw;
    font-weight: bold;
    text-align: left;
    width: 80%;
}
@media screen and (min-width: 768px) {
    .service {
        padding: 40px 20px;
        max-width: 800px;
        margin: 20px auto 0;
    }
    .service__limit {
        font-size: 26px;
    }
    .service__limit span {
        color: #ff6700;
    }
    .service__area {
        margin-top: 25px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }
    .service__list {
        background-image: url(../images/inviaff/list-bg-pc.png);
        text-align: center;
        display: block;
        margin-top: 0;
        padding: 15px 10px;
        width: 29%;
    }
    .service__list:first-of-type {
        margin-top: 0;
    }
    .service__check {
        margin: 0 auto;
        width: 20%;
    }
    .service__right {
        font-size: 16px;
        text-align: center;
        width: auto;
        margin-top: 15px;
    }
}
/* **************************************************

  class-dewebinar

************************************************** */

.entry-dewebinar {
    text-align: center;
    padding-bottom: 4vw;
}
.entry-dewebinar__border {
    border: solid 1px #ccc;
    border-radius: 10px;
    margin-top: 5vw;
    padding: 4vw;
}
      
.entry-dewebinar__border--bottom {
    margin-top: -3vw;
}

.entry-dewebinar__border--yell {
    border: none;
    background-color: #fcf4d4;
}
.entry-dewebinar__inner {
    padding: 8vw 4vw;
}

.entry-dewebinar__inner--negre {
    padding: 5vw 4vw 8vw;
}

.entry-dewebinar__submit {
    margin-top: 7vw;
}

.entry-dewebinar__submit:first-of-type {
    margin-top: 4vw;
}

.entry-dewebinar__text {
    text-align: left;
    font-size: 3vw;
    margin-top: 2vw;
}

.entry-dewebinar__text--center {
    text-align: center;
}

.entry-dewebinar__subtext {
    text-align: left;
    font-size: 2.5vw;
    margin-top: 2vw;
}
.entry-dewebinar__title {
    color: #c09b0f;
    text-align: center;
    font-size: 5vw;
    font-weight: bold;
    letter-spacing: 0.08em;
}
.entry-dewebinar__bell {
    font-size: 3vw;
    margin-top: 3vw;
}

.entry-dewebinar__subtitle {
    margin-top: 5vw;
    color: #c09b0f;
    text-align: left;
    font-size: 4vw;
    font-weight: bold;
}

.entry-dewebinar__step {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: solid 1px #c09b0f;
    margin-top: 7vw;
    overflow: hidden;
}
      
.entry-dewebinar__step--negre {
    margin-top: 1vw;
}
.entry-dewebinar__left {
    background: #c09b0f;
    position: relative;
    width: 45%;
    display: inline-block;
    padding: 2vw 0;
    text-align: center;
}
.entry-dewebinar__left::after {
    display: block;
    content: "";
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 17px solid #c09b0f;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.entry-dewebinar__leed {
    display: inline-block;
    font-size: 2vw;
    font-weight: bold;
    color: #c09b0f;
    background: #fff;
    padding: 0.3vw 4vw;
    border-radius: 10px;
    
}
.entry-dewebinar__subleed {
    font-size: 3vw;
    font-weight: bold;
    color: #fff;
    margin-top: 1vw;
}
.entry-dewebinar__subleed--black {
    color: #000;
}

.entry-dewebinar__right {
    background: #fff;
    width: 55%;
    padding: 2vw 0 2vw 2vw;
    text-align: center;
}

.entry-dewebinar__right--reverse.entry-dewebinar__leed {
    background: #f1f2f6;
    color: #000000;
}

.entry-dewebinar__right--reverse.entry-dewebinar__subleed {
    color: #000000;
}

.entry-dewebinar__content {
    text-align: left;
}

.entry-dewebinar__head {
    font-size: 5vw;
    font-weight: bold;
}
.entry-dewebinar__head span {
    color: #c09b0f;
}
.entry-dewebinar__head small {
    font-size: 3.5vw;
    font-weight: normal;
    
}
.entry-dewebinar__area {
    margin-top: 5vw;
}
.entry-dewebinar__name {
    font-size: 3.7vw;
    font-weight: bold;
    text-align: left;
}

.entry-dewebinar__content.entry-dewebinar__name {
    margin-bottom: 2vw;
}
.entry-dewebinar__line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.entry-dewebinar__form-time {
    margin-top: 3vw;
}

.entry-dewebinar__band {
    width: 48%;
}

.entry-dewebinar__input {
    font-size: 3.7vw;
    background-color: #fff;
    box-sizing: border-box;
    width: 100%;
    padding: 0.7em;
    border: solid 1px #e1e1e1;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 1.7px rgba(0, 0, 0, 0.04);
    font-weight: bold;
}
.entry-dewebinar__selectbox {
    font-size: 3.7vw;
    position: relative;
    background-color: #fff;
    text-align: left;
}     
.entry-dewebinar__selectbox--time {
    margin-top: 4vw;
}
.entry-dewebinar__selectbox select {
    text-align: left;
    border: solid 1px #e1e1e1;
    box-shadow: 0px 0px 5px 1.7px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    font-weight: bold;
}

.entry-dewebinar__next {
    width: 17%;
    margin: 0 auto;
    
}
.entry-dewebinar__arrow {
    width: 100%;
}
.entry-dewebinar__bottom {
    margin-top: 4vw;
    
}
.entry-dewebinar__check {
    padding: 0 7vw;
    
}
.entry-dewebinar__button {
    margin-top: 6vw;
    
}
.entry-dewebinar__globalsign {
    margin-top: 8vw;
    padding: 0 4vw 0;
    display: flex;     
}
.entry-dewebinar__globalsign table {
    width: 30%;
    margin-right: 15px;
}
.entry-dewebinar__ssl {
    text-align: left;
    font-size: 3.3vw;
    width: 68%;
    
}
.entry-dewebinar__radio {
    position: relative;
}

.entry-dewebinar__radio input {
    display: block;
    margin-top: 2vw;
}

.entry-dewebinar__region {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 4vw;
    font-weight: bold;
}
       
.entry-dewebinar__region::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-color: #fff;
    border: solid 1px #585858;
    border-radius: 2px;
    transition: 0.35s ease-in-out;
}

.entry-dewebinar__radio input:checked +.entry-dewebinar__region:before {
    background-color: #ff6700;
}
.entry-dewebinar__botomtitle {
    font-size: 4.5vw;
    font-weight: bold;
}

.entry-dewebinar__botomtext {
    font-size: 4vw;
    font-weight: bold;
    text-align: left;
}

.entry-dewebinar__agree {
    text-align: left;
    position: relative;
    margin-top: 2vw;
}
        
.entry-dewebinar__agree input {
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.entry-dewebinar__agree label {
    font-size: 4vw;
    font-weight: bold;
    display: inline-block;
    text-align: left;
    box-sizing: border-box;
    padding-left: 7.5vw;
    margin-left: 2vw;
}

.entry-dewebinar__agree label::after,
.entry-dewebinar__agree label::before {
    display: block;
    content: "";
    box-sizing: border-box;
    pointer-events: none;
    width: 6.4vw;
    height: 6.4vw;
    border-radius: 0.53vw;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    
}
.entry-dewebinar__agree label::before {
    border: solid 1px #707070;
    background: #fff;
}
.entry-dewebinar__agree label::after {
    border: solid 1px #707070;
    background: #fff;
}
.entry-dewebinar__agree label span {
    font-size: 3vw;
    font-weight: normal;
}
    
.entry-dewebinar__agree input:checked + label:after {
    background: url(../images/checkbox.png) no-repeat center center;
    background-size: 100% auto;
}
.entry-dewebinar__agreebox {
    border-top: solid 1px #cccccc;
    padding: 4vw 6vw 0;
    margin: 4vw 0 0;
}
.entry-dewebinar__entrybox {
    margin-top: 7vw;
    
}

.entry-dewebinar__checkbox {
    margin-top: 5vw;
    display: block;
    
}

.entry-dewebinar__survey {
    margin-top: 2vw;
    position: relative;
}

.entry-dewebinar__estate {
    appearance: auto;
    opacity: 0;
}

.entry-dewebinar__parts {
        font-size: 4vw;
        font-weight: bold;
        padding-left: 8vw;
        position: relative;
        margin-left: -3vw;
}

.entry-dewebinar__parts::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #999;
        border-radius: 4px;
        transform: translateY(-50%);
        background-color: #fff;
}

   .entry-dewebinar__estate:checked +.entry-dewebinar__parts::after {
        content: "";
        display: block;
        position: absolute;
        top: -3px;
        left: 7px;
        width: 8px;
        height: 18px;
        transform: rotate(40deg);
        border-bottom: 3px solid #ff6700;
        border-right: 3px solid #ff6700;
}


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

    .entry-dewebinar {
        padding-bottom: 100px;
    }
    .entry-dewebinar__border {
        margin-top: 32px;
        padding: 36px;
    }
    .entry-dewebinar__border--bottom {
        margin-top: -25px;
                        
    }
                  
    .entry-dewebinar__inner {       
        max-width: 630px;
        margin: 0 auto;
        padding: 110px 20px 50px;
    }
            
    .entry-dewebinar__inner--negre {
        padding: 110px 20px 50px;
    }
    .entry-dewebinar__submit {
        margin-top: 30px;
    }
            
    .entry-dewebinar__submit:first-of-type {
        margin-top: 20px;
    }
        
    .entry-dewebinar__text {
        font-size: 18px;
        margin: 10px auto 0;
        max-width: 500px;
    }
   
    .entry-dewebinar__subtext {
        font-size: 16px;
        margin: 10px auto 0;
        max-width: 500px;
    }
    .entry-dewebinar__title {
        font-size: 38px;
        letter-spacing: -0.08em;
    }
    .entry-dewebinar__bell {
        font-size: 18px;
        margin-top: 15px;
    }
    .entry-dewebinar__subtitle {        
        text-align: center;
        font-size: 30px;
        margin-top: 20px;  
    }
    .entry-dewebinar__step {
        margin-top: 25px;
    }
    .entry-dewebinar__step--negre {           
        margin-top: 25px;
    }
    .entry-dewebinar__left {
        padding: 15px 0 5px;
    } 
    .entry-dewebinar__left::after {
        border-top: 65px solid transparent;
        border-bottom: 65px solid transparent;
    }
    .entry-dewebinar__leed {
        font-size: 18px;
        padding: 0 13px;
    }
    .entry-dewebinar__subleed {
        font-size: 18px;
        margin-top: 5px;
    }
    .entry-dewebinar__right {
        padding: 15px 0 5px;   
    }
   
    .entry-dewebinar__head {
        font-size: 26px;
    }
    .entry-dewebinar__head small {              
        font-size: 14px;
        display: inline-block;
        margin-left: 20px;
    }
    .entry-dewebinar__area {
        margin-top: 20px;
    }
    .entry-dewebinar__name {
        font-size: 20px;
    }
    .entry-dewebinar__content .entry-dewebinar__name {
        margin-bottom: 10px;
    }
 
    .entry-dewebinar__time {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .entry-dewebinar__form--time{
        width: 48%;
        margin-top: 0;
        position: relative;
    }
    .entry-dewebinar__input {
        font-size: 16px;
        padding: 1.2em;
    }
    .entry-dewebinar__selectbox {
        font-size: 16px;
    }
    .entry-dewebinar__selectbox--time {
        margin-top: 0;
        width: 48%;
    }
 
    .entry-dewebinar__next {
            width: 15%;
    }
              
    .entry-dewebinar__bottom {
        margin-top: 50px;
    }

    .entry-dewebinar__check {
        padding: 0 20px;
    }
                
    .entry-dewebinar__button {
        margin-top: 40px;
    }
    .entry-dewebinar__globalsign {
        vertical-align: middle;
        margin: 60px auto 0;
        padding: 0;
        width: 500px;
    }
             
    .entry-dewebinar__ssl {
        font-size: 16px;
    }
    .entry-dewebinar__radio input {
        margin-top: 10px;
    }       
    .entry-dewebinar__region {
        font-size: 20px;
    }
    .entry-dewebinar__region::before{     
        content: "";
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-right: 10px;
        background-color: #fff;
        border: solid 1px #585858;
        border-radius: 2px;
        transition: 0.35s ease-in-out;
    }
  
    .entry-dewebinar__botomtitle {
        font-size: 24px;
    }

    .entry-dewebinar__botomtext {
        font-size: 20px;
    }

    .entry-dewebinar__agree {
        margin-top: 10px;
    }

    .entry-dewebinar__agree label {              
        font-size: 20px;
        padding-left: 30px;
        margin-left: 20px;
    }
    .entry-dewebinar__agree label::after,
    .entry-dewebinar__agree label::before{
        width: 30px;
        height: 30px;
        border-radius: 2px;
    }
    .entry-dewebinar__agree label::before {
        border: solid 1px #707070;
        background: #fff;
    }
    .entry-dewebinar__agree label::after {
        border: solid 1px #707070;
        background: #fff;
    }
    .entry-dewebinar__agree label span {
        font-size: 12px;
    }
  
    .entry-dewebinar__agreebox {
        padding: 13px 46px 0;
        margin: 24px 0 0;
    }
                
    .entry-dewebinar__entrybox {
        margin-top: 50px;
    }
    .entry-dewebinar__checkbox {
        margin-top: 20px;      
    }
    .entry-dewebinar__survey {
        margin-top: 10px;
    }
    .entry-dewebinar__parts {
        font-size: 16px;
        padding-left: 25px;
        margin-left: -10px;
        line-height: 1.9;
    }

}