@charset "UTF-8";

#youtube-wrap{
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 60%) ;
    padding-top: 50.0714% !important;
    z-index: 10;
}
.diagonal_01{
    display:block;
	width: 100%;
	background:#0459CE;
	clip-path:polygon(0 0, 100% 0%, 100% 92%, 0 100%);
    padding: 280px 0 10px;
    margin: -400px 0 -300px;
}
.area-title>h3{
    position: relative;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 50px;
}
.area-title>h3::before {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 60px;
    opacity: 12%;
}
.recruit_1{
    color: #fff;
    margin-bottom: 150px;
}
.recruit_1>h3::before {
    content: 'recruit';
}
.rct_txt{
    text-align: center;
    margin-bottom: 100px;
}
.rct_txt>p{
    margin: 30px;
}
.yb{
    font-size: 5rem;
    color: #F0E58C;
    line-height: 5rem;
}
.yl{
    background-color: #F0E58C;
    color: #0459CE;
    font-size: 2rem;
    padding: 10px 10px;
    line-height: 2rem;
}
.rct-wrap_title{
    font-size: 3rem;
    margin-bottom: 0;

}
.rct-wrap hr{
    border-width: 1px;
    border-color: #fff;
    border-top: #fff;
}
.rct-wrap{
    padding-top: 30px;
    color: #fff;
    margin: 0 auto;
    max-width: 1000px;
}
.rct-wrap>table{
    margin: 0 auto;
    border-collapse: unset;
    border-spacing: 20px 10px;
}
.rct-wrap>table tr{
    margin-bottom: 5px;
}
.rct-wrap>table .td-first{
    width: 25%;
    vertical-align: top;
}
td a{
    text-decoration: none;
}
.recruit_2{
    background-color: rgb(4, 89, 206, 15%);
    padding: 300px 0 0;
}
.recruit_2 hr{
    border-width: 1px;
    border-top: #0459CE;
    border-color: #0459CE;
}
.rct_2-wrap_title{
    font-size: 3rem;
    margin-bottom: 0;
    color: #0459CE;
}
.rct_2-wrap{
    padding-top: 30px;
    color: #0459CE;
    padding-bottom: 200px;
    margin: 0 auto;
    max-width: 950px;
}
.rct_2-wrap>table{
    margin: 0 auto;
    border-collapse: unset;
    border-spacing: 20px 10px;
}
.rct_2-wrap>table tr{
    margin-bottom: 5px;
}
.rct_2-wrap>table .td-first{
    width: 25%;
    vertical-align: top;
}
td a{
    text-decoration: none;
}
@media screen and (max-width:767px) {
    #youtube-wrap{
        clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 60%);
    }
    .diagonal_01 {
        clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 100%);
        padding: 100px 30px 0;
    }
    .recruit_1 {
        color: #fff;
        padding: 100px 0 100px;
    }
    .area-title>h3{
        margin-top: 100px;
    }
    .yb {
        font-size: 3rem;
        line-height: 4rem;
    }
    .yl {
        font-size: 1.5rem;
        line-height: 0rem;
    }
    .rct-wrap {
        padding-top: 10px;
    }
    .rct-wrap>table {
        border-spacing: 0px 10px;
    }
    .recruit_1 {
        margin-bottom: 0px;
    }
    .recruit_2{
        margin-top: 100px;
        padding: 200px 10% 0;
    }
    .rct_2-wrap>table{
        border-spacing: 0px 10px;
    }
}