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

    .pc_complete .text-sure{
        font-size: 16px;
        margin-top: 16px;
    }
    .webiner_contact{
        background: #f5faff;
        padding-bottom: 100px;
    }
    #page_crumb span{
        color: #003273;
    }
    #page_crumb > *:not(:last-child):after {
        color: #003273;
    }
    #seminar{
        margin-top: 44px;
    }
    #seminar .se-text{
        font-size: 24px;
        color: #003273;
        font-weight: bold;
        line-height: 1;
    }
    #seminar .se-title{
        font-size: 60px;
        color: #003273;
        font-weight: bold;
        line-height: 1;
        margin-top: 30px;
    }
    
    #seminar .se-main{
        margin-top: 49px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
    }
    #seminar .se-main .se-left{
        width: 680px;
        flex: 1;
        padding-right: 35px;
    }
    #seminar .se-main .se-left img{
        border-radius: 20px;
    }
    #seminar .se-main .se-left .sel-text{
        font-size: 18px;
        color: #003273;
        font-weight: 500;
        line-height: 30px;
        margin-top: 25px;
    }
    
    #seminar .se-main .se-left .sel-item{
        border-radius: 20px;
        box-shadow: 5px 5px 10px rgba(105,145,180,0.3), -5px -5px 10px rgba(255,255,255,0.3);
        background: #f0f8ff;
        padding: 40px 35px 49px;
        margin-top: 76px;
    }
   
    #seminar .se-main .se-left .sel-item .sel-item-title{
        width: 255px;
        height: 40px;
        border-radius: 4px;
        background: #003273;
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #seminar .se-main .se-left .sel-item .sel-item-list div{
        font-size: 24px;
        color: #003273;
        font-weight: bold;
        margin-top: 28px;
        display: flex;
        line-height: 1.25;
    }
   
  
    #seminar .se-main .se-left .sel-form-title{
        margin-top: 86px;
        font-size: 30px;
        color: #003273;
        font-weight: bold;
        line-height: 1;
    }
    #seminar .se-main .se-left .sel-form{
        margin-top: 41px;
        border-radius: 20px;
        box-shadow: 3px 3px 5px rgba(105,145,180,0.35) inset, -3px -3px 5px rgba(255,255,255,0.5) inset;
        overflow: hidden;
        background: linear-gradient(90deg, #d1deeb, #d1deeb 153px,#f5faff 100px,#f5faff )
    }
    #seminar .se-main .se-left .sel-form dl{
        display: flex;
    }
    #seminar .se-main .se-left .sel-form dl:not(:first-child){
        border-top: 1px solid #afc3d7;
    }
    #seminar .se-main .se-left .sel-form dl>:first-child{
        width: 153px;
        height: 60px;
        font-size: 16px;
        color: #003273;
        font-weight: 500;
        padding-left: 40px;
        display: flex;
        align-items: center;
        padding-right: 30px;
    }
    #seminar .se-main .se-left .sel-form dl>:last-child{
        width: 667px;
        height: 60px;
        padding-left: 30px;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #003273;
        font-weight: 500;
        padding-right: 30px;
    }
    #seminar .se-main .se-right{
        position: relative;
        width: 350px;
        border-radius: 20px;
        padding: 50px 30px;
        background: #1642e3;
        box-shadow: 5px 5px 10px rgba(105,145,180,0.3), -5px -5px 10px rgba(255,255,255,0.3);
    }
    #seminar .se-main .se-right .ser-text{
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
        line-height: 1;
    }
    #seminar .se-main .se-right .ser-form{
        margin-top: 26px;
    }
    #seminar .se-main .se-right .ser-form p input,
    #seminar .se-main .se-right .ser-form p select{
        width: 100%;
        height: 40px;
        border-radius: 5px;
        box-shadow: 3px 3px 5px rgba(105,145,180,0.5) inset, -3px -3px 5px rgba(255,255,255,0.75) inset;
        margin-top: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 18px;
        background: #FFFFFF;
        font-size: 16px;
        font-weight: 500;
        color: #003273;
        border: none;
        outline: none;
    }
    #seminar .se-main .se-right .ser-form p select{
        background: url("/wp-includes/images/webiner_contact/select.png") no-repeat #FFFFFF center right 17px;
        appearance:none;
       -moz-appearance:none;
        -webkit-appearance:none;
    }
    
    .ser-form p{
        position: relative;
    }
    
    #seminar .se-main .se-right .ser-error.under-btntip{
        width: 250px;
        margin: 0 auto;
        margin-top: 10px;
    }
    #seminar .se-main .se-right .ser-error{
        color: #f03246;
        font-size: 14px;
        font-weight: 500;
        margin-top: 10px;
        position: absolute;
    }
    #seminar .se-main .se-right .ser-deal{
        margin-top: 28px;
        font-size: 14px;
        line-height: 25px;
        color: #FFFFFF;
        padding-top: 19px;
        border-top: 1px solid #FFFFFF;
    }
    
    #seminar .se-main .se-right .ser-deal span{
        font-size: 15px;
        font-weight: bold;
        line-height: 2.4;
    }
    #seminar .se-main .se-right .ser-btnsure{
        width: 250px;
        height: 62px;
        border-radius: 30px;
        background: #f03246;
        padding-left: 69px;
        margin: 46px auto 0;
        display: flex;
        align-items: center;
        cursor: pointer;
        box-shadow: 5px 5px 10px rgba(105,145,180,0.3), -5px -5px 10px rgba(255,255,255,0.3);
    }
    #seminar .se-main .se-right .ser-btnsure input{
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
        border: none;
        outline: none;
        background: transparent;
        cursor: pointer;
    }

    #seminar .se-main .se-right .ser-btnsure .wpcf7-spinner{
        display: none;
        visibility: unset;
        background: unset;
        margin: 0 0 0 24px;
        position: relative;
        opacity: 1;
    }
    #seminar .se-main .se-right .ser-btnsure .wpcf7-spinner:before{
        display: none;
    }
    #seminar .se-main .se-right .ser-btnsure .wpcf7-spinner:after{
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: url("/wp-includes/images/webiner_collabo/loading.svg") no-repeat center center;
        background-size: 100% auto;
        animation-name: rotateAni;
        animation-duration: 1000ms;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    #seminar .se-main .se-right .ser-btnsure img{
        margin-left: 33px;
    }
   
    

}
@media only screen and (max-width: 1000px){
    .pc_complete .text-sure{
        font-size: 0.22rem;
        margin-top: 0.25rem;
    }
    .webiner_contact{
        background: #f5faff;
    }
    .inner{
        width: 6.9rem;
    }
    #seminar{
        padding-top: 0.57rem;
    }
    #seminar .se-text{
        font-size: 0.28rem;
        color: #003273;
        font-weight: bold;
        line-height: 1;
    }
    #seminar .se-title{
        font-size: 0.6rem;
        color: #003273;
        font-weight: bold;
        line-height: 1;
        margin-top: 0.43rem;
    }


    #seminar .se-main{
        margin-top: 0.62rem;
    }
    #seminar .se-main .se-left{
        width: 6.9rem;
    }
    #seminar .se-main .se-left .sl-txt{
        font-size: 18px;
        color: #003273;
        line-height: 1.66;
        font-weight: 500;
    }
    #seminar .se-main .se-left img{
        border-radius: 0.2rem;
        width: 6.9rem;
    }
    #seminar .se-main .se-left .sel-text{
        font-size: 0.28rem;
        color: #003273;
        font-weight: 500;
        line-height: 0.5rem;
        margin-top: 25px;
    }
    #seminar .se-main .se-left .sel-item{
        width: 6.9rem;
        border-radius: 0.2rem;
        box-shadow: 3px 3px 5px rgba(105,145,180,0.35) inset, -3px -3px 5px rgba(255,255,255,0.5) inset;
        background: #f0f8ff;
        padding: 0.61rem 0;
        padding-left: 0.5rem;
        padding-right: 0.36rem;
        margin-top: 0.55rem;
    }
    #seminar .se-main .se-left .sel-item .sel-item-title{
        width: 2.98rem;
        height: 0.47rem;
        border-radius: 0.04rem;
        background: #003273;
        font-size: 0.24rem;
        color: #FFFFFF;
        font-weight: bold;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #seminar .se-main .se-left .sel-item .sel-item-list{
        font-size: 0.28rem;
        line-height: 0.35rem;
        color: #003273;
        font-weight: bold;
        margin-top: 0.41rem;
    }
    #seminar .se-main .se-left .sel-item .sel-item-list>*{
        margin-top: 0.42rem;
        display: flex;
    }
    
    #seminar .se-main .se-left .sel-form-title{
        margin-top: 1.45rem;
        font-size: 0.4rem;
        color: #003273;
        font-weight: bold;
        line-height: 1;
    }
    #seminar .se-main .se-left .sel-form{
        margin-top: 0.53rem;
        width: 100%;
        border-radius: 0.2rem;
        box-shadow: 3px 3px 5px rgba(105,145,180,0.35) inset, -3px -3px 5px rgba(255,255,255,0.5) inset;
        overflow: hidden;
    }
    #seminar .se-main .se-left .sel-form dl{
        display: flex;
        flex-direction: column;
        background: linear-gradient(180deg, #d1deeb, #d1deeb 0.67rem,#f5faff 0rem,#f5faff);

    }
    #seminar .se-main .se-left .sel-form dl>:first-child{
        height: 0.67rem;
        font-size: 0.28rem;
        color: #003273;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #seminar .se-main .se-left .sel-form dl>:last-child{
        padding: 0.2rem 0.49rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.28rem;
        line-height: 0.35rem;
        color: #003273;
        font-weight: 500;
        text-align: center;
    }
    #seminar .se-main .se-right{
        width: 7.5rem;
        padding: 0 0.33rem;
        padding-top: 0.53rem;
        padding-bottom: 0.94rem;
        background: #1642e3;
        margin-left: -16px;
        margin-top: 1.47rem;
    }
    #seminar .se-main .se-right .ser-text{
        font-size: 0.32rem;
        color: #FFFFFF;
        font-weight: bold;
        line-height: 1;
    }
    #seminar .se-main .se-right .ser-form{
        margin-top: 0.48rem;
        display: flex;
    }
    #seminar .se-main .se-right .ser-form p input,
    #seminar .se-main .se-right .ser-form p select{
        width: 6.9rem;
        height: 0.75rem;
        border-radius: 5px;
        box-shadow: 3px 3px 5px rgba(105,145,180,0.5) inset, -3px -3px 5px rgba(255,255,255,0.75) inset;
        margin-top: 0.26rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.22rem;
        background: #FFFFFF;
        font-size: 0.24rem;
        font-weight: 500;
        color: #003273;
        border: none;
        outline: none;
    }
    #seminar .se-main .se-right .ser-form p select{
        background: url("/wp-includes/images/webiner_contact/select.png") no-repeat #FFFFFF center right 0.47rem;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
    }
    
    .ser-form p{
        position: relative;
    }
    #seminar .se-main .se-right .ser-error{
        color: #f03246;
        font-size: 0.14rem;
        font-weight: 500;
        margin-top: 0.1rem;
        position: absolute;
    }
    #seminar .se-main .se-right .ser-deal{
        margin-top: 0.28rem;
        font-size: 0.25rem;
        line-height: 0.45rem;
        color: #FFFFFF;
        padding-top: 0.25rem;
        border-top: 1px solid #FFFFFF;
    }
   
    #seminar .se-main .se-right .ser-deal span{
        font-size: 0.28rem;
        font-weight: bold;
        margin-bottom: 0.38rem;
        line-height: 2.58;
    }
    #seminar .se-main .se-right .ser-btnsure{
        width: 5.64rem;
        height: 0.93rem;
        border-radius: 0.46rem;
        background: #f03246;
        padding-left: 2.1rem;
        margin-top: 0.62rem;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    #seminar .se-main .se-right .ser-btnsure input{
        font-size: 0.3rem;
        color: #FFFFFF;
        font-weight: bold;
        border: none;
        outline: none;
        background: transparent;
        cursor: pointer;
    }
    #seminar .se-main .se-right .ser-btnsure .wpcf7-spinner{
        display: none;
        visibility: unset;
        background: unset;
        margin: 0 0 0 0.3rem;
        position: relative;
        opacity: 1;
    }
    #seminar .se-main .se-right .ser-btnsure .wpcf7-spinner:before{
        display: none;
    }
    #seminar .se-main .se-right .ser-btnsure .wpcf7-spinner:after{
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: url("/wp-includes/images/webiner_collabo/loading.svg") no-repeat center center;
        background-size: 100% auto;
        animation-name: rotateAni;
        animation-duration: 1000ms;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    #seminar .se-main .se-right .ser-btnsure img{
        margin-left: 1.3rem;
    }

 
}


#seminar .se-main .se-right .ser-form p input.error,
#seminar .se-main .se-right .ser-form p select.error{
    background: #ffeeee;
    border: 1px solid #f03246;
}


body{
    background-color: #f6fbff !important;
}


/* PRODUCTSITE-103*/
@media only screen and (min-width: 1000px){
    .pc_complete .img img{
        height: 232px;
    }
}
.pc_complete .title{
    color: #1441e6;
}
.pc_complete .btn{
    background: #1441e6;
}
.pc_complete .list{
    display: none;
}


/*「送信中　[アニメーション]」*/
@media only screen and (min-width: 1000px){
    .loading-icon {
        box-sizing: border-box;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        box-shadow:
                0 -16px 0 #eee,
                    /*  上  */
                11px -11px 0 #ddd,
                    /* 右上 */
                16px 0 0 #ccc,
                    /*  右  */
                11px 11px 0 #bbb,
                    /* 右下 */
                0 16px 0 #aaa,
                    /*  下  */
                -11px 11px 0 #999,
                    /* 左下 */
                -16px 0 0 #666,
                    /*  左  */
                -11px -11px 0 #000;
        /* 左上 */
        animation: rotate 1s steps(8) 0s infinite;
    }

    @keyframes rotate {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
}
@media only screen and (max-width: 1000px){
    .loading-icon {
        box-sizing: border-box;
        width: 0.08rem;
        height: 0.08rem;
        border-radius: 50%;
        box-shadow:
                0 -0.16rem 0 #eee,
                    /*  上  */
                0.11rem -0.11rem 0 #ddd,
                    /* 右上 */
                0.16rem 0 0 #ccc,
                    /*  右  */
                0.11rem 0.11rem 0 #bbb,
                    /* 右下 */
                0 0.16rem 0 #aaa,
                    /*  下  */
                -0.11rem 0.11rem 0 #999,
                    /* 左下 */
                -0.16rem 0 0 #666,
                    /*  左  */
                -0.11rem -0.11rem 0 #000;
        /* 左上 */
        animation: rotate 1s steps(8) 0s infinite;
    }

    @keyframes rotate {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
}


/*PRODUCTSITE-202*/
#seminar .se-main .se-right .ser-form form.wpcf7-form{
    overflow: initial;
}
@media only screen and (min-width: 1000px){
    #seminar .se-main .se-right .ser-deal b{
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size: 16px;
    }
    #seminar .se-main .se-right .ser-deal span{
        font-size: 14px;
        font-weight: 500;
        display: block;
        margin-top: 10px;
    }
    #seminar .se-main .se-right .ser-deal a{
        color: #fff;
        text-decoration: underline;
    }
    #seminar .se-main .se-right .ser-deal b:after{
        content: '';
        width: 10px;
        height: 10px;
        background: url(/wp-includes/images/simulator/form_ag_w_close.svg) no-repeat center center / contain;
        transform: rotateZ(0deg);
        transition: 0.4s;;
        margin-left: 5px;
    }
    #seminar .se-main .se-right .ser-deal b.active:after{
        transform: rotateZ(150deg);
    }
    #seminar .se-main .se-right .ser-btnsure{
        display: flex;
        padding-left: 0;
        justify-content: center;
        width: 100%;
    }
    #seminar .se-main .se-right .ser-btnsure img{
        margin-left: 8px;
    }
}
@media only screen and (max-width: 1000px){

    #seminar .se-main .se-right .ser-deal b{
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size: 0.28rem;
    }
    #seminar .se-main .se-right .ser-deal span{
        font-size: 0.25rem;
        font-weight: 500;
        display: block;
        margin-top: 0.2rem;
    }
    #seminar .se-main .se-right .ser-deal a{
        color: #fff;
        text-decoration: underline;
    }
    #seminar .se-main .se-right .ser-deal b:after{
        content: '';
        width: 10px;
        height: 10px;
        background: url(/wp-includes/images/simulator/form_ag_w_close.svg) no-repeat center center / contain;
        transform: rotateZ(0deg);
        transition: 0.4s;;
        margin-left: 5px;
    }
    #seminar .se-main .se-right .ser-deal b.active:after{
        transform: rotateZ(150deg);
    }
    #seminar .se-main .se-right .ser-btnsure{
        display: flex;
        padding: 0 0.46rem;
        justify-content: center;
    }
    #seminar .se-main .se-right .ser-btnsure img{
        margin-left: 0.3rem;
    }
}

/*223*/
@media only screen and (min-width: 1000px){
    .check-agree{
        padding: 0;
        margin-top: 30px;
        margin-bottom: 40px;
        display: block;
    }
    .check-agree div{
        margin: 0;
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        letter-spacing: -1px;
    }
    .check-agree input[type="checkbox"]{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        width: 24px;
        height: 24px;
        background: url(/wp-includes/images/webiner_contact/check_box_off.svg) no-repeat center center;
        background-size: 24px auto;
        border: none;
    }
    .check-agree input[type="checkbox"]:checked{
        background-image: url(/wp-includes/images/webiner_contact/check_box_on.svg);
    }

    #seminar .se-main .se-right .ser-btnsure{
        background-color: #c8c8c8;
    }
    #seminar .se-main .se-right .ser-btnsure.active{
        background-color: #f03246;
    }
}
@media only screen and (max-width: 1000px){
    .check-agree{
        padding: 0;
        margin-top: 0.3rem;
        margin-bottom: 0.6rem;
        display: block;
    }
    .check-agree div{
        margin: 0;
        display: flex;
        align-items: center;
        font-size: 0.24rem;
        font-weight: 500;
        color: #fff;
    }
    .check-agree input[type="checkbox"]{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        width: 0.35rem;
        height: 0.35rem;
        background: url(/wp-includes/images/webiner_contact/check_box_off.svg) no-repeat center center;
        background-size: 0.36rem auto;
        border: none;
    }
    .check-agree input[type="checkbox"]:checked{
        background-image: url(/wp-includes/images/webiner_contact/check_box_on.svg);
    }

    #seminar .se-main .se-right .ser-btnsure{
        background-color: #c8c8c8;
    }
    #seminar .se-main .se-right .ser-btnsure.active{
        background-color: #f03246;
    }
}
#seminar .se-main .se-left .sel-form dl .modal_policy{
    text-decoration: underline;
    cursor: pointer;
}
@keyframes rotateAni {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}