@charset "UTF-8";

.r8_kickoffseminar{
    font-size:15px;
    background-color: #f4e9dc;
    color:#2e1c05;
}
.r8_kickoffseminar section{
    margin-bottom:90px;
}
.r8_kickoffseminar img{
    display: block;
    max-width: 100%;
}
.r8_kickoffseminar .flex_wrapper{
    display: flex;
}
.r8_kickoffseminar .w_1000{
    max-width: 1000px;
    width:calc(100% - 40px);
    margin-left:auto;
    margin-right: auto;
}
.r8_kickoffseminar .small{
    font-size:0.8em;
}
.r8_kickoffseminar .marker{
    background: linear-gradient(transparent 35%, #fffbc7 35%);
}
.r8_kickoffseminar h1{
    font-size:2em;
    margin-bottom:1em;
    font-weight:bold;
}
.r8_kickoffseminar h2{
    font-size: 1.5em;
    color:#db9234;
    margin-bottom:1em;
    font-weight:bold;
}

.r8_kickoffseminar h3{
    font-size:1.2em;
    margin-bottom:1em;
    font-weight:bold;
}
@media screen and (max-width:768px){
    .r8_kickoffseminar br.pc{
        display: none;
    }
}
@media screen and (min-width:767px){
    .r8_kickoffseminar br.sp{
        display: none;;
    }
}

.r8_kickoffseminar .day{
    background:#2e8351;
    padding:20px;
    border-radius:10px;
    margin-right:30px;
}
.r8_kickoffseminar .profile {
    align-items: flex-start;
}
.r8_kickoffseminar .profile_h2{
    color:#2e8351;
    font-weight: normal;
    font-size:1.2em;
    text-align: center;
    margin-top:48px;
}
.r8_kickoffseminar .profile img{
    width:200px;
    height:200px;
    margin-right:30px;
}
.r8_kickoffseminar .name {
    margin-bottom:1em;
}
.r8_kickoffseminar .name span{
    font-size:1.2em;
    font-weight:bold;
}
@media screen and (min-width:768px){
    .r8_kickoffseminar .sec_02{
        justify-content: space-between;
    }
    .r8_kickoffseminar .day{
        width:calc(40% - 20px);
    }
    .r8_kickoffseminar .sec_02 .text_wrapp{
        width:calc(60% - 20px);
    }
}
@media screen and (max-width:768px){
    .r8_kickoffseminar h2{
        text-align: center;
    }
    .r8_kickoffseminar .sec_02{
        display: block;
    }
    .r8_kickoffseminar .day{
        margin-right:0;
        margin-bottom:60px;
        border-radius: 10px;
        padding:30px;
    }
    .r8_kickoffseminar .day img{
        max-width:300px;
        margin:0 auto;
    }
}

.r8_kickoffseminar .boshu .flex_wrapper{
    align-items: center;
}
.r8_kickoffseminar .boshu h2{
    text-align: center;
    font-weight: normal;
    color: #2e8351;
    position: relative;
    overflow: hidden;
}
.r8_kickoffseminar .boshu .flex_wrapper{
    align-items: flex-start;
}
.r8_kickoffseminar .boshu img{
    width:100px;
    margin-right:30px;
}
.r8_kickoffseminar .boshu h2::before{
    content:"";
    display: block;
    width:100%;
    height:1px;
    position: absolute;
    left:calc(50% + 5em);
    top:50%;
    background-color: #2e8351;
}
.r8_kickoffseminar .boshu h2::after{
    content:"";
    display: block;
    width:100%;
    height:1px;
    position: absolute;
    right:calc(50% + 5em);
    top:50%;
    background-color: #2e8351;
}

.r8_kickoffseminar .branding{
    text-align: center;
}
.r8_kickoffseminar .branding .flex_wrapper{
    flex-wrap: wrap;
    margin-top:60px;
}
.r8_kickoffseminar .branding img{
    width:25%;
}
@media screen and (max-width:768px) {
    .r8_kickoffseminar .branding img{
        width:50%;
    }
}

.r8_kickoffseminar .osusume h2{
    color:#2e1c05;
    font: size 1.5em;
    border-bottom:solid 1px;
    margin-bottom: 20px;
}
.r8_kickoffseminar .osusume ul
{
    list-style: none;
}
.r8_kickoffseminar .osusume li{
    margin-bottom:1.2em;
    margin-left:2em;
    font-size:1.2em;
    position:relative;
}
.r8_kickoffseminar .osusume li::before{
    content:"";
    display: block;
    width:0.6em;
    height:1em;
    border-right:2px solid;
    border-bottom:2px solid;
    transform: rotate(45deg);
    position:absolute;
    left:-1.5em;
    top:0%;
    margin-top:0em;
}
.r8_kickoffseminar .detail{
    border:solid 2px #2e1c05;
    border-radius: 15px;
    padding:40px;
}
.r8_kickoffseminar .detail h3{
    margin-bottom:0.2em;
    margin-top:2em;
}
.r8_kickoffseminar .detail dt{
    font-weight: bold;
    margin-top: 30px;
}
.r8_kickoffseminar .detail dd{
    margin-left:30px;
}
.r8_kickoffseminar .detail dd h3{
    margin-top: 0.5em;
    margin-bottom:0em;
}
.r8_kickoffseminar .detail dd p{
    margin:0;
}
@media screen and (min-width:768px) {
    .r8_kickoffseminar .detail{
        justify-content: space-between;
    }
    .r8_kickoffseminar .detail section{
        width:calc(50% - 20px);
    }
}
@media screen and (max-width:768px) {
    .r8_kickoffseminar .detail{
        display: block;
    }
}