@charset "utf-8";

.wrapper{
    width: 100%;
    min-width: 1080px;
}

.global-header{
    width:100%;
    height:115px;
    display: flex;
    justify-content: space-between;
}

.site-logo{
    margin:10px 0 0 10px;
}

.gnav{
    width:460px;
    height:17px;
    margin:71px 20px 0 0;
}

.gnav-menu{
    display: flex;
    justify-content: space-between;
}

.gnav-linktext{
    font-size:17px;
    font-family: 'Noto Sans JP', sans-serif;
    text-decoration: none;
    color:#000000;
}


.first{
    margin:50px 0 20px 0;
    background-repeat:no-repeat; 
    background-size:cover;
    background-position:center;
}

.main-text{
    margin:0 0 124px 0;
    text-align: center;
    line-height:50px;
    font-size:18px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #2E2E2E;
}

.decolation_img{
    background-repeat:no-repeat; 
    background-size:cover;
    background-position:center;
}


.three_topics{
    display: flex;
}

.three{
    display: flex;
    justify-content: space-between;
}

.number{
    width:65px;
    height:65px;
    margin:85px 0 0 48px;
}

.g_title{
    margin:104px 0 0 32px;
    font-size:25px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:bold;
    color:#6B48FF;
}

.topics_text{
    margin:45px 0 0 143px;
    width:61.3%;
    font-size:18px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #2E2E2E;
}

.illustration{
    margin:-50px 97px 0 0;
}

.illustration_tow{
    margin:-50px 124px 0 0;
}

.illustration_three{
    margin:0 83px 0 0;
}


.curriculum{
    margin:74px 0 0 0;
    background-repeat:no-repeat; 
    background-size:cover;
    background-position:center;
}

.c_title{
    margin:52px 0 0 0;
    font-size:20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:bold;
    text-align: center;
    color: #3E3E3E;
}

.time{
    margin:80px 0 0 0;
    text-align:center;
}

.caption{
    text-align:center;
    margin:30px 0 0 0;
    font-size:18px;
    font-family: 'Noto Sans JP', sans-serif;
}


.web_title{
    margin:120px 0 56px 58px;
    font-size:23px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:bold;
    color: #6B48FF;
    text-shadow:0 7px 5px rgb(0, 0, 0,0.16);
}

.c_list{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    margin:0 58px;
}

.c_item{
    width:30%;
}

.c_img{
    width:100%;
    box-shadow:10px 10px 5px rgb(13, 63, 103,0.2);
    margin:0 0 45px 0;
}

.sub_title{
    font-size:20px;
    font-family: 'Noto Sans JP', sans-serif;
    color:#3E3E3E;
}

.c_text{
    margin:30px 0 0 0;
    font-size:16px;
    line-height:35px;
    font-family: 'Noto Sans JP', sans-serif;
    color:#2E2E2E;
}


.job{
    margin:206px 0 30px 0;
    background-repeat:no-repeat; 
    background-size:cover;
    background-position:center;
}

.job_contents{
    display: flex;
    margin:0 133px 0 0;
}

.job_box{
    margin:80px 0 0 123px;
}

.job_title{
    margin:0 0 45px 0;
    font-size:20px;
    font-family: 'Noto Sans JP', sans-serif;
    color:#3E3E3E;
    white-space: nowrap;
}

.job_text{
    font-size:16px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height:35px;
}

.mainjob_box{
    display: flex;
    justify-content: center;
}

.mainjob_list{
    width:62%;
    font-size:20px;
    text-align: center;
    line-height:35px;
}

.andmore{
    margin:45px 0 187px 0;
    font-size:20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:bold;
    text-align: center;
}

.url{
    text-decoration: none;
    color: #6B48FF;
}


.back{
    background-color:rgb(170, 216, 223,0.3);
    padding:42px 0 0 0;
}
.ask{
    margin:0 0 94px 0;
    font-size:21PX;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:bold;
    text-align: center;
    color:#0D3F67;
}


.button{
    margin:94px 0 94px 0;
    display: flex;
    text-align: center;
    justify-content:space-between;
    justify-content:center;
    width:100%;
    white-space: nowrap;
}

.button_one{
    margin:0 140px 0 0;
    width:290px;
    padding:35px;
    background:#1EE3CF;
    color: #FFF;
    font-size:20px;
    text-align: center;
    letter-spacing: .1rem;
    text-decoration: none;
    box-shadow:5px 3px 8px rgb(0, 0, 0,0.2);
}

.button_two{
    width:290px;
    padding:35px;
    background:#0D3F67;
    letter-spacing: .1rem;
    box-shadow:5px 3px 8px rgb(0, 0, 0,0.2);
}

.button_text{
    color: #FFF;
    font-size:20px;
    text-align: center;
    text-decoration: none;
}


.global-footer{
    padding:0 0 34px 0;
    font-size:18px;
    text-align: center;
}