@charset "utf-8";

ol {
    padding-left: 1em;
}

ol li:nth-child(n+2) {
    margin-top: 1em;
}

/*HEADER-----------------------------------------------------------------------------------*/
/*HEADERend--------------------------------------------------------------------------------*/


/*MAIN-------------------------------------------------------------------------------------*/
.hidden {
    display: none;
}

.pre p {
    border: 1px solid #000;
    text-align: center;
    padding: 50px;
}

.page_head {
    height: 280px;
    background: url(images/ttl_bg.jpg);
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.page_head .area_ttl_wht {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
}

.content_box {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
}

.fix_margin {
    margin-top: 126.5px;
}


h2.content_ttl {
    color: #333;
    border-left: 0.5em solid #FF7600;
    border-bottom: 1px solid #FF7600;
    font-size: 20px;
    padding-left: 0.5em;
    margin-bottom: 1em;
}

.content_left_space,
.content_left_space ul {
    margin-left: 1em
}

.content_left_space ul li:nth-child(n+2) {
    margin-top: 10px;
}

#container,
.height100 {
    height: 100%;
}

.standby {
    border: 1px solid #333;
    padding: 50px
}

.standby p {
    font-weight: 600;
}

.chairmanbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 20px;
}

.chairman_pic {
    width: 200px;
    margin-right: 20px;
}

.chairman_prof h3 {
    font-size: 23px;
    line-height: 1em;
    margin-top: 5px;
}

p.greeting_tex {
    line-height: 1.9em;
}


.regist_table table,
.regist_table td,
.regist_table th {
    border: 1px solid #D2D2D4;
    border-collapse: collapse;
}

.regist_table td,
.regist_table th {
    padding: 10px;
}

.regist_table td {
    text-align: center;
}

.regist_table td.align_left {
    text-align: left !important;
}

.regist_table th {
    background: #e75382;
    color: #fff;
}

.l_blue {
    background: #e8f4f5 !important;
    color: #333 !important;
}

th.kubun {
    background: #E6F3F4;
}

.ul_setting {
    margin-left: 1em;
}

.ul_setting li:nth-child(n+2) {
    margin-top: 10px;
}

h3.section_ttl {
    border-left: 3px solid #e74c3c;
    padding-left: 10px;
    line-height: 2em;
    margin-bottom: 10px;
}

.subttl {
    background: linear-gradient(45deg, #dafcff 39%, rgba(197, 236, 190, 0) 100%);
    padding: 5px 10px;
    margin-bottom: 15px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.subttl span {
    font-size: 12px;
    background: red;
    color: #fff;
    padding: 0 10px;
    text-align: center;
    border-radius: 5px;
    margin-left: 1em;
}


dl.regist_shoroku {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

dl.regist_shoroku:nth-child(n+2) {
    margin-top: 10px;
}

dl.regist_shoroku dt {
    min-width: 100px;
}

.part_ttl {
    background: #e75382;
    padding: 5px;
    color: #fff;
}

.part_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.part_list:nth-child(n+2) {
    margin-top: 10px
}

.part_list dt {
    min-width: 80px;
    font-weight: 600;
}

.part_list dt {
    position: relative;
}

.part_list dt::after {
    content: ":";
    position: absolute;
    top: -1px;
    right: -5px;

}

.part_list dd {
    margin-left: 10px;
}

.prog_date {
    text-align: center;
    background: #e75382;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
}

.prog_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start
}

.prog_name:nth-child(n+2) {
    margin-top: 10px;
}


.lanch_ttl {
    border-bottom: dashed 1px #e75382;
}

.lanch_ttl p {
    font-weight: 600;
    font-size: 1.2em;
    padding-bottom: .2em;
}

.lanch_ttl h3 {
    color: #e75382;
}

.lanch_ttl span {
    color: #000;
    font-size: .7em;
    margin-left: .5em;
}

.prog_name dt {
    min-width: 120px;
    background: #5c9bff;
    text-align: center;
    padding: 0 10px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    margin-right: .5em;
}

.on_odm,
.check_odm,
.none_odm {
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    margin-left: 1em;
    font-size: 0.8em;
}

.on_odm {
    background: #1d73b8;
}

.check_odm {
    background: #e75382;
}

.none_odm {
    background: red;
}

.prog_btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

.prog_btn_area li {
    width: calc(100% / 3 - 20px);
}

.prog_btn_area li a {
    height: 100%;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.alartbox {
    border: 2px solid red;
    padding: 15px;
}

.alartbox p {
    color: red;
}

.chairman_prof {
    list-style: none;
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.chairman_prof li:nth-child(1) {
    width: 100%;
    max-width: 200px;
}

.chairman_prof li:nth-child(2) {
    width: 100%;
    margin-left: 20px;
}

.cairman_name {
    font-weight: 600;
    font-size: 1.7em;
}

.prog_date2 {
    background: rgb(255, 199, 217);
    background: linear-gradient(90deg, rgba(255, 199, 217, 1) 0%, rgba(255, 255, 255, 1) 72%);
    border-left: 10px solid #5c9bff;
    margin-bottom: 30px;
    padding: 10px;
    font-size: 20px;
    line-height: 1em;
    color: #e75382;
}

.epi {
    display: flex;
}

.epi dt {
    min-width: 70px;
}

.redbox {
    border: 2px solid red;
    border-radius: 20px;
    padding: 30px;
}

.redbox h2,
.redbox p {
    color: red;
    text-align: center;
}

#page_abstract .flow {
    text-align: center;
    background: url("images/flow_back.svg") no-repeat;
    background-position: center bottom 38%;
    background-size: auto 88%;
    font-weight: 600;
    width: 100%;
}

#page_abstract .flow div {
    border: solid 1px rgb(0, 0, 0);
    background-color: rgba(255, 255, 255, 1.00);
    width: 100%;
    padding: 0;
    margin-bottom: 1.6em;
}

#page_abstract .flow div.back_none {
    background-color: rgba(0, 0, 0, 0);
}

#page_abstract .flow div.border_none {
    background-color: rgba(0, 0, 0, 0);
    border: none;
}

#page_abstract .flow div.back_none div,
#page_abstract .flow div.border_none div {
    background-color: rgba(0, 0, 0, 0);
}

#page_abstract .flow div p {
    padding: .4em;
    margin: 0;
    text-align: center;
}

#page_abstract .flow img {
    width: 33px;
}

#page_abstract .flow div .ttl {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
    display: inline-block;
    width: auto;
    padding: .2em 1em;
}

#page_abstract .flow div .flow01 {
    background-color: rgb(217, 217, 217);
}

#page_abstract .flow div .flow02 {
    background-color: rgb(166, 166, 166);
}

#page_abstract .flow div .flow01.flow02 {
    background-color: rgb(228, 228, 228);

}

#page_abstract .flow div .flow03 {
    background-color: rgb(127, 127, 127);
    color: rgba(255, 255, 255, 1.00);
}

#page_abstract .flow div div {
    display: table;
    border: none;
    padding-top: 1em;
    width: 100%;
}

#page_abstract .flow div div p {
    margin: 1em;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-right: solid 1em rgba(255, 255, 255, 1);
    font-size: .75em;
}

#page_abstract .flow div p span {
    display: block;
    font-size: .8em;
}

#page_abstract .flow div div p:nth-of-type(1) {
    border-left: solid 1em rgba(255, 255, 255, 1);
}

/*----- page_registration -----*/
#page_registration .period {
    font-size: 1.6rem;
    font-weight: 500;
    color: rgb(240, 100, 80);
    line-height: 1.5;
    border: solid 2px rgb(255, 130, 130);
    padding: 1rem;
}

#page_registration .period .end_box {
    display: inline-block;
    vertical-align: top;
}

#page_registration .flowchart {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0;
    padding: 0;
    /*	font-size:.937rem;
    */
    line-height: 1.5;
    text-align: center;
    list-style: none;
}

#page_registration .flowchart li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-right: 15px;
}

#page_registration .bg_pink {
    margin: 0 .3em;
    padding: 0 .3em;
    background: rgb(240, 130, 150);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-weight: 500;
}

#page_registration .flowchart li::after {
    position: absolute;
    top: calc(50% - .3em);
    right: -17px;
    content: "";
    display: block;
    box-sizing: border-box;
    width: 2rem;
    height: 1rem;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(255, 200, 100, 1);
    border-width: .8rem 0 .8rem 1rem;
    vertical-align: 10%;
    transition: .2s ease-out;
    transition-opacity: right, border;
}

#page_registration .flowchart li:last-child {
    margin-right: 0;
}

#page_registration .flowchart li:last-child::after {
    content: none;
}

#page_registration .flowchart li .name {
    box-sizing: border-box;
    margin: 0;
    padding: .5rem .4rem;
    width: 90%;
    background: rgb(150, 160, 180);
    color: rgb(255, 255, 255);
    font-weight: 500;
}

#page_registration .flowchart li .description {
    margin: 0;
    padding: 1rem 0rem;
    width: 90%;
    min-height: 35px;
    background: rgb(210, 220, 230);
}

#page_registration .flowchart li .description.end {
    width: 100%;
    letter-spacing: -0.05em;
    padding: 24px 10px 10px 10px;
    background: rgb(80, 120, 180);
    color: rgb(255, 255, 255);
    font-size: 1.35rem;
}

#page_registration .step_box {
    margin: 50px 0 0 0px;
    padding-left: 18px;
    border-top: solid 3px rgb(80, 120, 180);
    border-left: solid 1px rgb(80, 120, 180);
}

#page_registration .button_box_wrap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

#page_registration .button_box_wrap .button_box_inner_01,
#page_registration .button_box_wrap .button_box_inner_02 {
    width: 330px;
}

#page_registration .button_box_inner_01 p,
#page_registration .button_box_inner_02 p {
    text-align: center;
    line-height: 1.3;
}

#page_registration .button_box_wrap .button_box_inner_01,
#page_registration .button_box_wrap .button_box_inner_02 {
    margin-right: 1.25rem;
}

#page_registration .button_box_wrap ul {
    padding-inline-start: 0px;
}

#page_registration .button_box_wrap ul li {
    list-style: none;
    text-align: center;

}

#page_registration .button_box_wrap .button_box_inner_01 li a {
    text-decoration: none;
    background: rgb(140, 78, 204);
    color: rgb(255, 255, 255);
    display: block;
    border: solid 1px rgb(140, 78, 204);
    font-size: 1.125rem;
    line-height: 1.5;
    padding: 10px 0;
}

#page_registration .button_box_wrap .button_box_inner_02 li a {
    text-decoration: none;
    background: rgb(50, 120, 220);
    color: rgb(255, 255, 255);
    display: block;
    border: solid 1px rgb(50, 120, 220);
    font-size: 1.125rem;
    line-height: 1.5;
    padding: 10px 0;
}

#page_registration .button_box_wrap .button_box_inner_01 li a:hover {
    text-decoration: none;
    background: rgb(255, 255, 255);
    color: rgb(140, 78, 204);
    width: 20.625rem;
    display: block;
}

#page_registration .button_box_wrap .button_box_inner_02 li a:hover {
    text-decoration: none;
    background: rgb(255, 255, 255);
    color: rgb(50, 120, 220);
    width: 20.625rem;
    display: block;
}

#page_registration .step_summary {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: solid 1px rgb(80, 120, 180);
}

#page_registration .c2c > tbody > tr > td:nth-child(2) {
    text-align: center;
}

#page_registration .c3c > tbody > tr > td:nth-child(3) {
    text-align: center;
}

#page_registration .wrap_creditcard {}

#page_registration .creditcard {
    max-width: 450px;
}

#page_registration .creditcard img {
    width: 100%;
}

#page_registration .ta_c .creditcard_security {
    max-width: 190px;
}

#page_registration .ta_c .creditcard_security02 {
    max-width: 360px;
}

#page_registration .card_new_line {
    text-indent: -1em;
    display: inline-block;
}

#page_participants table.type01.regi td span,
#page_registration table.type01.regi td span {
    display: block;
    font-size: .8em;
    padding-top: .5em;
}

#page_registration .flow_w2 {
    display: block;
    margin-bottom: 2em;
    margin-top: 2em;
}

#page_registration .flow {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 3em;
}

#page_registration .flow figure {
    display: flex;
    margin: 0;
    text-align: center;
    height: 24px;
}

#page_registration .flow img {
    width: 33px;
    height: 100%;
    display: inline-block;
    margin: auto;
}

#page_registration .flow img.ar_anti {
    position: relative;
    left: 54px;
}

#page_registration .flow div {
    border: solid 1px rgb(0, 0, 0);
    margin: 0 0.5em 0;
    padding: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 1.00);
    position: relative;
    z-index: 10;
    font-size: 0.8em;
    font-weight: 600;
}

#page_registration .flow div.border_none {
    border: none;
    display: block;
    margin: 0;
    text-align: right;
    height: 50px;
}

#page_registration .flow div.border_none div.text {
    float: left;
    width: 77%;
    height: 96%;
    border: solid 1px rgb(0, 0, 0);
    margin: 0 0 0 0.7em;
}

#page_registration .flow img.stick {
    float: right;
    margin-right: 8%;
}

#page_registration .flow div p {
    margin: 0;
    padding: 0 0.5em;
    font-size: 1.3rem;
    text-align: center;
}

#page_registration .flow div p.ttl {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
    margin: 0 0 .5em;
    padding: 0.5em;
    text-align: center;
}

#page_registration .flow div span {
    font-size: 0.7em;
    display: block;
    padding: 0 .5em 1em .5em;
}

#page_registration .flow figure img.ar_gray {
    margin-left: 15%;
}

#page_registration .flow div.stick {
    background-color: rgba(0, 0, 0, 1.00);
    margin-right: 11.1%;
    width: 9px;
    height: 100%;
}

#page_registration .flow div.stick2 {
    background-color: rgba(0, 0, 0, 1.00);
    width: 9px;
    height: 100%;
}

#page_registration .flow img.ar_long {
    margin-right: 8%;
}

#page_registration .flow img.ar_last {
    margin-right: auto;
    margin-left: -40%;
}

#page_registration .back_arrow figure {
    background: url("../img/flow_arrow.svg") center top no-repeat;
}

#page_registration .back_arrow figure.stick {
    background: url("../img/flow_arrow_stick.svg") center top no-repeat;
}

#page_registration li h4 {
    margin-left: -1.5em;
    font-size: 1em;
}

#page_registration li h4::before {
    content: none;
}


@media screen and (max-width:1000px) {
    .flow {
        width: 100% !important;
    }

    #page_registration .flow div.stick {
        margin-right: 9.58%;
    }

    #page_registration .flow img.ar_last {
        margin-right: 56.3%;
    }
}

@media screen and (max-width:570px) {
    #page_registration .flow img.ar_last {
        margin-right: auto;
    }
}

.td_left td {
    text-align: left;
}

.small_ttl {
    color: #e75382;
    margin-bottom: 10px;
    border-bottom: 1px solid #444;
}

.line_box {
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #333;
}

.w_contrl dt {
    max-width: 5px !important;
    min-width: 20px;
}

.no_eve {
    pointer-events: none;
    opacity: 0.5;
}

.regist_table span {
    font-size: 0.8em
}

.term {
    border: 2px red solid;
    text-align: center;
    color: red;
    padding: 20px;

}

.term p {
    text-align: center;
    margin-top: 10px;
}

.term2 {
    border: 2px blue solid;
    text-align: center;
    color: blue;
    padding: 20px;

}

.term2 p {
    text-align: center;
    margin-top: 10px;
}

.ul_setting li h3 {
    border-bottom: 1px solid #000;
    margin-bottom: 15px;
}

/*MAINend----------------------------------------------------------------------------------*/


/*FOOTER-----------------------------------------------------------------------------------*/
/*FOOTERend--------------------------------------------------------------------------------*/



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

    /*HEADER-----------------------------------------------------------------------------------*/

    /*HEADERend--------------------------------------------------------------------------------*/


    /*MAIN-------------------------------------------------------------------------------------*/

    #page_abstract .flow {
        background-position: center bottom 24%;
        background-size: auto 80%;
        font-size: 1.8vw;
    }

    #page_abstract table.type03 td {
        font-size: 1em;
        letter-spacing: 0;
    }

    #page_abstract .category_table {
        margin: 0 calc(50% - 67%);
        width: 118%;
    }

    /*MAINend----------------------------------------------------------------------------------*/


    /*FOOTER-----------------------------------------------------------------------------------*/
    /*FOOTERend--------------------------------------------------------------------------------*/

}

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

    #page_abstract .flow02.sp_under {
        position: relative;
        top: 2.1vw;
    }

    #page_abstract .flow div div p {
        font-size: 1.97vw;
    }

    #page_abstract .flow {
        background-position: center bottom 8vw;
        background-size: 66vw;
        font-size: 1.9vw;
        width: 100%;
    }
}


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

    /*HEADER-----------------------------------------------------------------------------------*/

    /*HEADERend--------------------------------------------------------------------------------*/

    /*MAIN-------------------------------------------------------------------------------------*/
    #container,
    .height100 {
        height: auto;
    }

    .content_box {
        padding: 20px;
    }

    .chairmanbox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .chairman_pic {
        width: 100%;
        margin-right: 0;
    }

    .chairman_prof {
        margin-top: 20px;
    }

    .prog_btn_area li {
        width: calc(100% / 1);
    }

    .chairman_prof {
        flex-direction: column;
        align-items: center;
    }

    .chairman_prof p {
        text-align: center;
        margin-top: 15px;
    }

    #page_abstract .flow {
        background-position: center bottom 10vw;
        background-size: 66vw;
    }


    /*MAINend----------------------------------------------------------------------------------*/

    /*FOOTER-----------------------------------------------------------------------------------*/
    /*FOOTERend--------------------------------------------------------------------------------*/

}