@charset "UTF-8";

p,
ul, li, span,div  {
    font-family: "ryo-gothic-plusn", sans-serif;
}

span {
    font-size: 80%;
}
a:hover {
    color: #006FBA;
}
/*2502 CSS*/

.main {
    background-color: #000;
}



.arrow {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 4px;
  margin: 29px 0;
  border-radius: 9999px;
  background-color: #000000;
}

.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 25px;
  height: 4px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: calc(100% - 2px) 50%;
}

.arrow::before {
  transform: rotate(45deg);
}

.arrow::after {
  transform: rotate(-45deg);
}



.top_bg_box {
    background-image: url("https://storage.googleapis.com/clabel-upload-contents/kyousou_seminar/6/top_bg.png");
    position: relative;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
}

.reverse_triangle {
  height: 128px;
  aspect-ratio: cos(30deg);
  clip-path: polygon(0 0,100% 0,0 100%);
  background: #fff;
  width: 400px;
}
.logo_box_yachiyo {
    max-height: 128px;
    padding: 2em 1em 0;
}
.logo_box_yachiyo img {
    width: 40%;
    height: auto;
}

.topflex {
    display: flex;
    justify-content: space-around;
}
.yachiyo_top_msg {
    width: 100%;
    margin-top: -7em;
    display: flex;
    flex-direction: column;

}
.yachiyo_top_free_img {
    width: 18%;
}

.yachiyo_top_free_img img {
    width: 100%;
}

.h1box {
    display: flex;
}
h1.dx {
    font-family: "ryo-display-plusn", serif!important;
    font-size: 22rem!important;
    font-weight: 200!important;
    letter-spacing: 0em!important;
}
.freeicon {
    max-width:120px ;
    margin-top: -3em;
}
.yachiyo_top_msg h2 {
    text-align: center;
    color: #fff;
    line-height: 1.6;
    font-size: 3rem;
    letter-spacing: .1em;
}
.h1box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: -3em;
}
.h1box > img.cross {
    max-width: 200px;
    height: auto;
    margin-left: -30px;
}

.yachiyo_top_msg h1 {
    font-size: 6.4rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.4;
    letter-spacing: .2em;
    margin-bottom: 0;
}
.yachiyo_top_msg h1 span {
    display: inline-block;
    font-size: 2.8rem;
    font-weight: 600;
    padding: .2em 1em 0;
    letter-spacing: .2em;
    display: block;
    margin-top: -2.6em;
}
.yachiyo_top_msg h3 span {
    display: inline-block !important;
    font-size: 1.8rem;
    font-weight: 600;
    padding: .6em 1em ;
    letter-spacing: .2em;
    margin-top: -2em;
    border: 1px solid #fff;
    text-align: left;
}


h2.topbg {
    font-size: 3.8rem;
    font-weight: 600;
    color: #fff;
    background-color: #09214F;
    display: inline-block;
    padding: .3em .6em .3em .2em;
    letter-spacing: .1em;
}
.yachiyo_top_msg h3 {
    color: #fff;
    font-size: 2.6rem;
    letter-spacing: .15em;
}

.top_date {

}
.top_date p {
    margin-left: 10px;
    font-size: 3.6rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.15em;
}

.top_btn {
    background-color: #fff;
    border-radius: 100px;
    display: inline-flex;
    padding: 1em 8em;
    justify-content: center;
    align-content: center;
    box-shadow: 0 5px 0 #000;
  transition: .3s;

  border: 3px solid #000;
}
.top_btn:hover {
  color: #191970;
  transform: translateY(5px);
  box-shadow: 0 0 0 #191970;
}
.top_btn p {
    font-size: 2.4rem;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-right: 1em;
}


/*
.up_triangle::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 14em solid transparent;
    border-right: 34em solid #093156bd; 
    position: absolute;
    z-index: 100;
}
.up_triangle::after {
    display: block;
    bottom: 5px;
    transform: rotate(135deg);
    right: 0px;
    position: absolute;
    z-index: 101;
}*/


.logobox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
    justify-content: center;
    background-color: #fff;
    border-radius: 8px;
    padding: 1em;

}
.logobox li {
    background-color: #fff;
    padding: .4em .4em;
    margin: .4em .8em .4em 0;
}
.logobox li img {
    max-height: 40px;
}
.yachiyo_outline_msg {
    margin: 4em auto;
    color: #fff;
}

h1.leftline {
    border-left: 2px solid #fff;
    font-size: 3.4em;
    letter-spacing: .3em;
    padding-left: 1em;
    margin-top: 2em;
    color: #fff;
}
h2.outline {
    font-size: 1.8em;
    letter-spacing: .15em;
    line-height: 2;
    font-weight: 600;
}
h3.outline {
    font-size: 1.5em;
    letter-spacing: .1em;
    line-height: 2;
    font-weight: 400;

}


.featurebox {
    border:1px solid #8EDFFF;
    box-shadow:
    inset 0 0 2px #fff, 
    inset 3px 0 3px #00ffff, 
    inset -3px 0 3px #0ff, 
    inset 3px 0 3px #41cbc9, 
    inset -3px 0 18px #0ff, 
    0 0 3px #fff, 
    -3px 0 3px #41cbc9, 
    3px 0 3px #0ff;

}


.seminar_target {

    padding: 2em 2em;
    border-radius: 8px;
    border:1px solid #8EDFFF;
    box-shadow:
    inset 0 0 2px #fff, 
    inset 3px 0 3px #00ffff, 
    inset -3px 0 3px #0ff, 
    inset 3px 0 3px #41cbc9, 
    inset -3px 0 18px #0ff, 
    0 0 3px #fff, 
    -3px 0 3px #41cbc9, 
    3px 0 3px #0ff;
}
.seminar_target h2 {
        width: 80%;
    margin: 1em auto;
    font-size: 2em;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: .08em;
}
.seminar_target ul {
    text-align: left;
    width: 84%;
    margin: 1em auto;
    list-style: disc;
    font-size: 1.4em;
    font-weight: 400;
}
.seminar_target ul li {
    margin-bottom: 1em;
    letter-spacing: .08em;
}

.cta_section {
    background-color: #3C81B8;
    margin-top: 4em;
    

}
.cta_bg {
    background-image: url("https://storage.googleapis.com/clabel-upload-contents/kyousou_seminar/6/cta_back.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 5em 0 6em;

}
.centering {
    text-align: center;
    margin: 0 auto;
}
.cta_btn {
    background-color: #fff;
    border-radius: 100px;
    display: inline-flex;
    padding: 1em 5em;
    justify-content: center;
    align-content: center;
    box-shadow: 0 5px 0 #000;
  transition: .3s;
  margin-top: 1em;
  border: 3px solid #000;
}
.cta_btn:hover {
  color: #191970;
  transform: translateY(5px);
  box-shadow: 0 0 0 #191970;
}
.cta_btn p {
    font-size: 2.4rem;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-right: 1em;
}

.yobicir {
    background-color: #fff;
    border-radius: 20px;
    padding: 7px 4px 7px 9px;
    color: #000;
}
.time_table h2,
.about_wrap h2,
.apply_wrap h2 {
    font-size: 4rem;
    letter-spacing: .2em;
    font-weight: 800;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 1em;
}
.about_wrap {
    padding: 4em 0;
}
.mbt4 {
    margin-bottom: 4em;
}

.time_table_inner.featureb.mbt4 table td.time.wh,
.time_table_inner.featureb.mbt4 table td.name strong,
.time_table_inner.featureb.mbt4 table td.name {
    color: #fff!important;
}
 
.time_table_inner {
    padding: 1em 0;
}

.time_table_inner table tr {
    display: flex;
    align-items: start;
    width: 100%;
    justify-content: start;
    color: #fff;
}
.about_table_inner {
    padding: 1em 0;
}

.apply_inner {
    background-color: #fff;
    padding: 1em 0;
    box-shadow: 0px 5px 15px 0px rgba(141, 211, 255, 0.35);
}
.time_table_inner table,
.about_table_inner table {
    width: 100%;
}

.about_table_inner table tr {
    display: flex;
    justify-content: center;
    align-items: start;

}
.time_table_inner table tr.udline,
.about_table_inner table tr.udline {
    border-bottom: dashed 4px #fff;
}
.time_table_inner table td.time {
    width: 25%;
    font-size: 1.4em;
    letter-spacing: .1em;
    font-weight: 600;
    color: #fff;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
}

.about_table_inner table td.about_name {
    /*width: 30%;*/
    min-width: 200px;
    padding-left: 10%;
    font-size: 1.2em;
    letter-spacing: .1em;
    font-weight: 600;
    color: #fff;
    padding-top: 1.4em;
    padding-bottom: 1em;
}

.time_table_inner table td.name {
    padding-left: 4%;

    letter-spacing: .1em;
    padding-top: 1em;
    padding-bottom: 1em;
    width: 75%;

}

.about_table_inner table td.about_descrip {
    width: 70%;
    padding-left: 4%;
    font-size: 1.2em!important;
    letter-spacing: .1em;
    padding-top: 1.4em!important;
    padding-bottom: 1.4em;
    color: #fff;

}
.about_table_inner table td.about_descrip p span {
    background-color: #19354F;
    color: #fff;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: .12em;
    padding: .2em .6em;
    border-radius: 2px;
    margin-right: 1em;
}
.time_table_inner table td.name {
    font-weight: 600;
    color: #15dcdc;
    font-size: 1.4em!important;
    padding: 1em!important;
    line-height: 1.6;
}
.time_table_inner table td.name strong {
    font-weight: 600;
    color: #fff;
    font-size: 1.4em!important;
    letter-spacing: .15em;
    }

ul.add_explain {
    list-style: disc;
    margin-left: 1em;
    margin-top: 1em;
    margin-bottom: 3em;
}

.lecture_detail {
    padding: 5em 0;
}
.posirela {
    position: relative;
}

.lecture_detail_box {
    background-color: #DBDDE7;
    box-shadow: 0px 5px 15px 0px rgba(141, 211, 255, 0.35);
    border-radius: 8px;
    margin: 5em 0 1.5em;
    display: flex;
}

.lecture_detail_box .speaker {
    border-bottom-left-radius: 8px;
    min-width: 300px;
    position: relative;
    border-top-left-radius: 8px;

}
.featureb {

    background-image: url("https://storage.googleapis.com/clabel-upload-contents/kyousou_seminar/6/topsession_back.png");
    position: relative;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;

}
.lecture_detail_box .speaker img {
    width: 120%;
    margin-left: -10%;
    position: absolute;
    bottom: 0;
    right: -10%;
}

.lecture_detail_box .speaker .profile {
    position: absolute;
    bottom: 4%;
    margin: 1em;
    width: 90%;
    background-color: #19354fba;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;
    padding: 1em .5em;
    letter-spacing: .1em;
}
.lecture_detail_box .speaker .profile span {
    font-size: .8rem;

}
.lecture_detail_box .description {
  background-color: #fff;
  padding: 2em;
  z-index: 2;
  letter-spacing: .1em;
  line-height: 1.8;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.lecture_detail_box .description .lec_time {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 0;
}
.lecture_detail_box .description .lec_num {
    font-size: 1.6em;
    font-weight: 800;
    color: 19354F;
}


.lecture_detail_box .description .lec_title{
    font-size: 1.8em;
    font-weight: 800;
    color: 19354F;
    line-height: 1.5;
    letter-spacing: 0.15em;
}
h3.career {
    padding-left: 0;
    font-size: 1.2em;
    margin-top: 1.6em;
}

.apply_wrap {
    background-color: #DBDDE7;
    padding: 5em 0;
}
.add_explain_2 {
    margin: 2em 0;
}
.add_explain_2 p {
    letter-spacing: .1em;
    line-height: 1.8;
}

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

.sponly {
        display: none;
    }
}


@media screen and (max-width:375px) {
    .top_bg_box {
    background-image: url("https://storage.googleapis.com/clabel-upload-contents/kyousou_seminar/6/sp_top_bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    }
    h1.leftline {
        font-size: 2rem;
        margin-top: 0;
    }
    h2.outline {
        font-size: 1.6rem;
    }
    h3.outline {
        font-size: 1.4rem;
    }
    .outline {
        padding: 1em 0;
    }
    .cta_section {
        margin-bottom: 2em;
    }
    .yachiyo_top_msg h2 {

    font-size: 1.8rem;
    margin-top: 8rem;
    }
    .h1boxsp img {
        width: 100%;
    }
    .h1box {
        display: none;
    }
    .reverse_triangle {
        height: 98px;
        width: 360px;
    }
    .logo_box_yachiyo img {
        width: 30%;
    }
    .topflex {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .yachiyo_top_free_img {
    width: 35%;
    margin-left: 65%;
    margin-top: -60px;
    }
    .yachiyo_top_msg {
        margin-right: 0;
    }
    .yachiyo_top_msg h1 {
        font-size: 3.6rem;
    }
    .yachiyo_top_msg h1 span {
        font-size: 1.6rem;
    }
    h2.topbg {
    font-size: 2.7rem; 
    }
    .yachiyo_top_msg h3 {
        font-size: 2.2rem;
        line-height: 1.6;
    }
    .top_date p {
        font-size: 2.2rem;
    }
    .top_btn {
        padding: .6em 5em;
    }
    .top_btn p {
        font-size: 2.2rem;
    }
    .arrow {
        width: 60px;
    }
    .up_triangle::before {
        border-top: 6em solid transparent;
        border-right: 24em solid #093156bd;
    }
    .logobox li img {
        max-height: 23px;
    }
    .yachiyo_outline_msg p {
        font-size: 1.1em; 
    }
    .seminar_target {
        padding: 2em 1em;
    }
    .seminar_target h2 {
        font-size: 1.6rem;
        text-align: left;
    }
    .seminar_target ul {
        width: 80%;
        font-size: 1.1em;
    }
    .pconly {
        display: none;
    }
    .cta_bg {
    background-position: center;
    background-size: cover;
    padding: 3em 0 4em;
    }
    .time_table h2, .about_wrap h2, .apply_wrap h2 {
    font-size: 2.8rem;
    }
    .time_table_inner table tr {
        flex-wrap: wrap;
        padding: .4em 1em;
    }
    .about_table_inner table tr {
        flex-wrap: wrap;
        padding: 1em 1em;
    }

    .time_table_inner table td.time {
        width: 100%;
        font-size: .8em;
        padding: .2em 0 0;
    }
    .time_table_inner table td.name {
        width: 100%;
        padding: .2em .2em 1em;
        font-size: .9em!important;
    }
    .time_table_inner table td.name strong {
        font-size: 1em;
    }
    .cta_btn p {
        font-size: 1.8rem;
    }
    .cta_btn {
        padding: 1em 4em;
    }
    .time_table_inner table tr.udline, 
    .about_table_inner table tr.udline 
    {
    border-bottom: dashed 1px #fff;
    } 
    .lecture_detail_box {
        flex-wrap: wrap;
    }
    .lecture_detail_box .speaker {
    border-top-left-radius: 8px;
    min-width: 100%;
    position: relative;
    border-top-right-radius: 8px;
        border-bottom-left-radius: 0px;
    }
    .lecture_detail_box .speaker img {
        width: 80%;
        margin-left: 20%;
        position: relative;
        bottom: 0;
        right: 10%;
    }
    .lecture_detail_box .description {
        border-top-right-radius: 0px;
        border-bottom-left-radius: 8px;
        padding: 2em 1em;
    }
    .lecture_detail_box .description .lec_num {
        font-size: 1.1em;
    }
    .lecture_detail_box .description .lec_title {
        font-size: 1.4em;
    }
    .about_descrip p {
        margin-bottom: 0;
    }
    .about_table_inner table td.about_name {
    width: 100%;
    min-width: auto;
    padding-left: 1em;
    font-size: 1em;
    letter-spacing: .1em;
    font-weight: 600;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    }
    .about_table_inner table td.about_descrip {
    width: 100%;
    padding-top: .2em!important;
    padding-left: 1em;
    font-size: .9em!important;
    letter-spacing: .1em;
    padding-top: .4em;
    padding-bottom: 1em;
    }
    .about_table_inner table td.about_descrip p span {
        display: table-cell;
        background-color:#fff;
        color:#000;
        padding: 0em .2em;
    }
}