@charset "UTF-8";


/*  メインビジュアル ここから    */
.mv__container{
    background-image: url("../images/mv_bg.png");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -78px 0 -30px;
    padding: 78px 0 200px;
}
.mv__container-blue{
    background-image: url("../images/mv_bg-blue.png");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -78px 0 -30px;
    padding: 78px 0 200px;
}
.mv__group{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 25px;
}
.mv__section{
    display: flex;
    align-items: flex-end;
    margin-right: 16px;
}
.mv__section:last-child{
    margin-right: 0;
}
.mv__logo{
    width: 588px;
    margin: 120px 0 20px;
}
.mv__date{
    font-family: "Roboto", serif;
    font-size: 5.9rem;
    font-weight: 600;
    font-style: italic;
    color: #3A5264;
    line-height: 1;
    margin-right: 20px;
}
.mv__week{
    font-family: "Roboto", serif;
    font-size: 4rem;
    font-weight: 600;
    font-style: italic;
    color: #3A5264;
    line-height: 1;
}
.mv__time{
    font-family: "Roboto", serif;
    font-size: 4rem;
    font-weight: 600;
    font-style: italic;
    color: #3A5264;
    line-height: 1;
    margin-bottom: 64px;
}
.mv__choice{
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 16px;
}
.mv__note-container{
    display: flex;
    margin: 0 20px 32px;
}
.mv__note-container span, .mv__note-container p{
    font-size: 1.8rem;
}
.mv__note-icon{
    margin-right: 4px;
}
.mv__btn--container{
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 970px;
    display: flex;
    justify-content: center;
}
.mv__btn--group-blue{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #0060A9;
    border: none;
    padding: 40px 32px;
    width: 40%;
    border-radius: 8px;
    margin-right: 16px;
    cursor: pointer;
    position: relative;
}
.mv__btn--group-blue h4, .mv__btn--group-blue p, .mv__btn--group-blue span{
    color: #fff;
}
.mv__btn--group-brown{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #FED591;
    border: none;
    padding: 40px 32px;
    width: 40%;
    border-radius: 8px;
    cursor: pointer;
}
.mv__click--container{
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    border-radius: 24px;
    margin-top: 24px;
}
.mv__click--txt-blue{
    font-size: 1.6rem;
    font-weight: 600;
    color: #0060A9!important;
    margin-right: 16px;
    margin-left: 4px;
}
.mv__click--txt-brown{
    font-size: 1.6rem;
    font-weight: 600;
    color: #6F4504!important;
    margin-right: 16px;
    margin-left: 4px;
}

.mv__note-txt{
    font-size: 1.6rem;
}
.mv__btn--group-brown h4, .mv__btn--group-brown p, .mv__btn--group-brown span{
    color: #6F4504;
}
.mv__btn--section{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mv__btn--wrapper{
    display: flex;
    align-items: center;
}
.mv__btn--top{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
}
.mv__btn--heading{
    font-size: 2rem;
    font-weight: 600;
}
.mv__btn--txt{
    font-size: 1.3rem;
}
.mv__btn--border-white{
    border-top: solid 1px #fff;
    width: 100px;
    margin: 20px 0;
}
.mv__btn--border-brown{
    border-top: solid 1px #6F4504;
    width: 100px;
    margin: 20px 0;
}
.mv__btn--box{
    display: flex;
}
.mv__btn--blue{
    width: 24px;
}
.mv__btn--txt{
    text-align: left;
}
.btn_box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

#btn_animation{
    position: relative;
    z-index: 100;
}

#btn_animation .btn:before, #btn_animation .btn:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%; /* 親要素に対する割合 */
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 39px;
  background: #fff;
  transform: translate3d(0,0,0);
}

#btn_animation .btn:before {
  animation: anime 1.5s ease-out infinite;
}

#btn_animation .btn:after {
  animation: anime 1.5s ease-out 1.5s infinite;
}

@keyframes anime{
0%{transform:scale(.95); opacity:0.7}
90%{opacity:.1}to{transform:scale(1.2,1.4); opacity:0}
}

@media screen and (max-width: 800px) {
    .mv__container {
        background-size: cover;
        margin: 0;
        padding: 40px 0 168px;
    }
    .mv__logo {
        width: 60%;
        margin: 60px 0 20px;
    }
    .mv__date, .mv__time{
        font-size: 4.5rem;
    }
    .mv__week{
        font-size: 3.2rem;
    }
    .mv__btn--container{
        max-width: 100%;
    }
    .mv__btn--wrapper {
        flex-direction: column;
    }
}
@media screen and (max-width: 600px) {
    .mv__logo {
        width: 80%;
        margin: 60px 0 20px;
    }
    .mv__btn--top {
        height: auto;
    }
    .mv__btn--container{
        flex-direction: column;
        align-items: center;
    }
    .mv__btn--group-blue, .mv__btn--group-brown{
        width: 62%;
        margin: 0 0 20px;
    }
}
@media screen and (max-width: 500px) {
    .mv__container{
        padding: 78px 0 100px;
    }
    .mv__group {
        flex-direction: column;
    }
    .mv__section {
        margin-right: 0;
    }
    .mv__section:last-child {
        margin-right: 5px;
    }
    .mv__date, .mv__time{
        font-size: 4rem;
    }
    .mv__week{
        font-size: 2.4rem;
    }
    .mv__date {
        margin-right: 10px;
    }
    .mv__time{
        margin-bottom: 40px;
    }
    .mv__choice{
        font-size: 2rem;
    }
    .mv__click--container{
        border-radius: 40px;
        padding: 10px 24px;
    }
    .mv__click--txt-blue, .mv__click--txt-brown{
        margin-right: 8px;
    }
    .mv__btn--group-blue, .mv__btn--group-brown{
        width: 80%;
    }
}
/*  メインビジュアル ここまで    */


/*  採用情報エリア ここから    */
.recruit__tab{
    position: relative;
    overflow: hidden;
}
.recruit__contents-blue{
    position: relative;
    padding: 200px 0 0;
    background-color: #F0F5FA;
}
.recruit__contents-brown{
    position: relative;
    padding: 200px 0 0;
    background-color: #FED591;
}
.recruit__contents--img01-blue {
    position: absolute;
    width: 283px;
    top: -185px;
    left: -20px;
    opacity: 0.7;
}
.recruit__contents--img02-blue {
    position: absolute;
    width: 680px;
    bottom: -332px;
    right: -364px;
    opacity: 0.7;
}
.recruit__contents--img03-blue {
    position: absolute;
    width: 652px;
    top: -71px;
    left: -164px;
}
.recruit__contents--img04-blue {
    position: absolute;
    width: 283px;
    bottom: -200px;
    right: -94px;
    opacity: 0.7;
}
.recruit__contents--img05-blue {
    position: absolute;
    width: 80px;
    top: 600px;
    left: -82px;
}
.recruit__contents--img06-blue {
    position: absolute;
    width: 400px;
    bottom: -156px;
    right: 0;
    opacity: 0.5;
}
.recruit__contents--img01-brown {
    position: absolute;
    width: 283px;
    top: -170px;
    right: 0;
    overflow: hidden;
    opacity: 0.7;
}
.recruit__contents--img02-brown{
    position: absolute;
    width: 108px;
    top: 240px;
    left: -106px;
}
.recruit__contents--img03-brown {
    position: absolute;
    width: 680px;
    top: 716px;
    right: -364px;
    opacity: 0.7;
}
.recruit__contents--img04-brown {
    position: absolute;
    width: 652px;
    top: -71px;
    left: -164px;
}
.recruit__contents--img05-brown {
    position: absolute;
    width: 283px;
    bottom: -200px;
    right: -94px;
    opacity: 0.7;
}
.recruit__contents--img06-brown {
    position: absolute;
    width: 80px;
    top: 600px;
    left: -80px;
}
.recruit__contents--img07-brown {
    position: absolute;
    width: 400px;
    bottom: -156px;
    right: 0;
    opacity: 0.5;
}
.recruit__contents--bg01-blue{
    width: 100%;
    margin-top: -120px;
}
.recruit__contents--bg02-blue{
    width: 100%;
    margin-bottom: 100px;
}
.recruit__contents--bg01-brown{
    width: 100%;
    margin-top: -120px;
}
.recruit__contents--bg02-brown{
    width: 100%;
    margin-bottom: 100px;
}
.recruit__contents--container-blue{
    position: relative;
    background-color: #F0F5FA;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.recruit__contents--container-brown{
    position: relative;
    background-color: #FED591;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.recruit__contents--title{
    color: #364550;
    font-size: 3.2rem;
    font-weight: 500;
    margin-bottom: 22px;
    text-align: center;
}
.recruit__contents--title-br{
    display: none;
}
.recruit__contents--border{
    border-top: solid #364550 1px;
    width: 100px;
    margin-bottom: 42px;
}
.recruit__contents--group{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}
.recruit__contents--section01-blue{
    position: relative;
    z-index: 2;
    background-color: #fff;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 70px 100px;
    border: solid #0060A9 2px;
    margin-bottom: 100px;
}
.recruit__contents--section01-brown{
    position: relative;
    z-index: 2;
    background-color: #fff;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 70px 100px;
    margin-bottom: 100px;
}
.recruit__contents--section02-blue{
    background-color: #fff;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 70px 100px;
    border: solid #0060A9 2px;
    margin-bottom: 100px;
}
.recruit__contents--section02-brown{
    position: relative;
    background-color: #fff;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 70px 100px;
    margin-bottom: 100px;
}
.recruit__contents--wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.recruit__contents--heading-blue{
    color: #364550;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
    width: fit-content;
    border-bottom: solid #364550 1px;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.recruit__contents--heading-brown{
    color: #6F4504;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
    width: fit-content;
    border-bottom: solid #364550 1px;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.heading-blue{
    color: #2185d0;
}
.red{
    color: rgb(255, 0, 0);
}
.recruit__contents--txt{
    font-size: 1.6rem;
    color: #364550;
    margin-bottom: 22px;
}
.recruit__target--container{
    display: flex;
    margin-bottom: 8px;
}
.recruit__target--group:first-child{
    margin-right: 50px;
}
.recruit__target--txt-blue, .recruit__target--txt-brown{
    font-weight: 600;
    display: flex;
    margin-bottom: 16px;
}
.recruit__target--txt-blue::before{
    content: "●";
    color: #0060A9;
    font-size: 0.5rem;
    margin: 8px 10px 0 0;
}
.recruit__target--txt-brown::before{
    content: "●";
    color: #6F4504;
    font-size: 0.5rem;
    margin: 8px 10px 0 0;
}
.recruit__contents--note{
    font-size: 1.3rem;
    margin-bottom: 35px;
}
.recruit__key-point--container{
    display: flex;
    justify-content: center;
    /* margin-bottom: 40px; */
    padding-bottom: 40px;
    border-bottom: solid #CFD4D8 1px;
}
.recruit__key-point--img{
    width: 22%;
    margin: 0 15px;
}
.recruit__key-point--section{
    height: 68px;
    display: flex;
    align-items: center;
}
.recruit__key-point--border{
    border-bottom: solid #CFD4D8 1px;
    margin-bottom: 40px;
}
.recruit__event--container{
    display: flex;
    flex-direction: column;
}
.recruit--event--heading{
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 30px;
}
.recruit--event--txt{
    margin-bottom: 12px;
}
.recruit--event--note{
    margin-bottom: 40px;
}
.recruit__event--group{
    display: flex;
}
.recruit__event--btn01{
    background-color: #00BEDD;
    border-radius: 40px;
    width: 258px;
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 30px;
    padding: 0 20px;
}
.recruit__event--btn02{
    background-color: #EB86AD;
    border-radius: 40px;
    width: 258px;
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}
.recruit__event--btn01-is{
    background-color: #00BEDD;
    border-radius: 40px;
    width: 258px;
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 30px;
    padding: 0 20px;
}
.recruit__event--btn02-is{
    background-color: #EB86AD;
    border-radius: 40px;
    width: 258px;
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}
.recruit__event--btn01, .recruit__event--btn02, .recruit__event--btn01-is, .recruit__event--btn02-is{
    cursor: pointer;
}
.recruit__event--btn01 span, .recruit__event--btn02 span, .recruit__event--btn01-is span, .recruit__event--btn02-is span{
    color: #fff;
}
.recruit__event--wrapper{
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.recruit__event--sub-txt{
    font-size: 1.6rem;
}
.recruit__event--sub-txt-br{
    display: none;
}
.recruit__event--txt{
    font-size: 2rem;
    font-weight: 500;
    margin-left: 8px;
}
.recruit__event--btn01::after{
    content: url("../images/recruit__event--icon01.png");
    width: 22px;
    height: 22px;
}
.recruit__event--btn02::after{
    content: url("../images/recruit__event--icon02.png");
    width: 22px;
    height: 22px;
}
.recruit__event--btn01-is::after{
    content: url("../images/recruit__event--icon01.png");
    width: 22px;
    height: 22px;
}
.recruit__event--btn02-is::after{
    content: url("../images/recruit__event--icon02.png");
    width: 22px;
    height: 22px;
}
.recruit__news--container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.recruit__news--group{
    width: 100%;
    display: flex;
    border-bottom: solid #CFD4D8 1px;
    padding: 36px 0;
}
.recruit__news--group:first-child{
    padding-top: 0;
}
.recruit__news--txt-blue:hover{
    color: #0060A9;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.recruit__news--txt-brown:hover{
    color: #B97201;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.recruit__news--date{
    border-right: solid #CFD4D8 1px;
    height: 26px;
    padding-right: 36px;
    margin-right: 36px;
}
.recruit__meeting{
    position: relative;
}
.recruit__meeting--container-blue{
    position: relative;
    z-index: 3;
    background-color: #0060A9;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
    padding: 70px 0;
}
.recruit__meeting--container-brown{
    position: relative;
    z-index: 3;
    background-color: #FFF3E0;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
    padding: 70px 0;
}
.recruit__meeting--heading-blue{
    color: #0060A9;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    background-color: #fff;
    padding: 8px 12px;
    margin-bottom: 50px;
}
.recruit__meeting--heading-blue:first-child{
    margin-bottom: 10px;
}
.recruit__meeting--heading-brown{
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    background-color: #E29B2A;
    padding: 8px 12px;
    margin-bottom: 50px;
}
.recruit__meeting--heading-brown:first-child{
    margin-bottom: 10px;
}
.recruit__meeting--txt-blue{
    color: #fff;
    font-size: 1.6rem;
}
.recruit__meeting--txt-brown{
    color: #000;
    font-size: 1.6rem;
}
/* .recruit__meeting--group{
    margin: 40px 0;
    display: flex;
    flex-direction: column;
} */
.recruit__meeting--caption-blue{
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 36px 0 16px;
}
.recruit__meeting--caption-brown{
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 36px 0 16px;
}
.recruit__meeting--section{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 40px;
}
.recruit__event--img{
    width: 32%;
}
.recruit__meeting--btn-blue{
    background-color: #fff;
    width: 304px;
    height: 70px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 500;
    color: #0060A9;
    margin-top: 40px;
}
.recruit__meeting--btn-blue::after{
    content: "";
    width: 22px;
    height: 22px;
    background-image: url("../images/recruit__meeting--icon-blue.png");
    background-size: contain;
    margin-left: 24px;
}
.recruit__meeting--btn-brown{
    background-color: #E29B2A;
    width: 304px;
    height: 70px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    margin-top: 40px;
}
.recruit__meeting--btn-brown::after{
    content: "";
    width: 22px;
    height: 22px;
    background-image: url("../images/recruit__meeting--icon-brown.png");
    background-size: contain;
    margin-left: 24px;
}
.news_box{
    margin: 0 0 30px;
    display: flex;
    flex-direction: column;
}
a.news{
    color: #0060A9;
    font-size: 16px;
    text-decoration: none ;
    transition: color 1s ease 0s;
    margin: 2px 0;
}
a.news:hover{
    color: #e29b2a;
    font-size: 16px;
    }

@media screen and (max-width: 1140px) {
    .recruit__contents--img01-brown {
        width: 200px;
        top: -120px;
    }
}
@media screen and (max-width: 1034px) {
    .recruit__contents--group{
        width: 90%;
    }
    .recruit__contents--img02-blue {
        width: 500px;
        right: -220px;
    }
}
@media screen and (max-width: 800px) {
    .recruit__contents--section01-blue, .recruit__contents--section02-blue, .recruit__contents--section01-brown, .recruit__contents--section02-brown, .recruit__meeting--container-blue, .recruit__meeting--container-brown{
        padding: 70px 32px;
    }
    .recruit__contents--img01-blue {
        width: 200px;
        top: -120px;
    }
    .recruit__contents--img02-blue {
        width: 400px;
        bottom: -220px;
        right: -200px;
    }
    .recruit__contents--img03-blue {
        width: 500px;
    }
    .recruit__contents--img04-blue {
        width: 200px;
        bottom: -160px;
    }
    .recruit__contents--img06-blue {
        width: 240px;
        bottom: -130px;
    }
    .recruit__contents--img01-brown {
        width: 200px;
        top: -140px;
    }
    .recruit__contents--img03-brown {
        width: 400px;
        bottom: -220px;
        right: -200px;
    }
    .recruit__contents--img04-brown {
        width: 500px;
    }
    .recruit__contents--img05-brown {
        width: 200px;
        bottom: -160px;
    }
    .recruit__contents--img07-brown {
        width: 240px;
        bottom: -130px;
    }
    .recruit__contents--title-br{
        display: block;
    }
    .recruit__key-point--img{
        width: 28%;
        margin: 0 10px;
    }
    .recruit__event--group {
        flex-direction: column;
    }
    .recruit__event--btn01, .recruit__event--btn01-is {
        margin: 0 0 30px;
    }
}
@media screen and (max-width: 620px) {
    .recruit__contents--img01-blue {
        width: 120px;
    }
    .recruit__contents--img06-blue {
        width: 160px;
        bottom: -40px;
    }
    .recruit__contents--img01-brown {
        width: 120px;
    }
}
@media screen and (max-width: 500px) {
    .recruit__contents-blue{
        padding: 180px 0 0;
    }
    .recruit__contents--bg01-blue, .recruit__contents--bg02-blue {
        width: -webkit-fill-available;
        width: -moz-available;
    }
    .recruit__contents--group{
        width: -webkit-fill-available;
        width: -moz-available;
        margin: 0 20px;
    }
    
    .recruit__contents--img02-blue, .recruit__contents--img03-blue, .recruit__contents--img04-blue, .recruit__contents--img04-brown, .recruit__contents--img05-brown{
        display: none;
    }
    .recruit__contents--img07-brown {
        width: 160px;
        bottom: -40px;
    }
    .recruit__contents--container-blue .recruit__contents--title{
        margin-top: 16px;
    }
    .recruit__contents--container-brown .recruit__contents--title{
        margin-top: 0;
    }
    .recruit__contents--section01-blue, .recruit__contents--section02-blue, .recruit__contents--section01-brown, .recruit__contents--section02-brown, .recruit__meeting--container-blue, .recruit__meeting--container-brown{
        border-radius: 20px;
        margin-bottom: 64px;
        padding: 70px 20px;
    }
    .recruit__target--container {
        flex-direction: column;
    }
    .recruit__target--group:first-child {
        margin-right: 0;
    }
    .recruit__event--btn01, .recruit__event--btn02, .recruit__event--btn01-is, .recruit__event--btn02-is{
        width: -webkit-fill-available;
        width: -moz-available;
    }
    .recruit__event--sub-txt-br{
        display: block;
    }
    .recruit__meeting--heading-blue, .recruit__meeting--heading-brown{
        line-height: 1.5;
    }
    .recruit__meeting--btn-blue {
        width: -webkit-fill-available;
        width: -moz-available;
    }
}




/*  採用情報エリア 参加の流れ ここから    */
.recruit__flow--container{
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: solid #CFD4D8 1px;
    margin-bottom: 40px;
}
.recruit__flow--group-blue{
    background-color: #F0F5FA;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 30px 40px;
}
.recruit__flow--group-brown{
    background-color: #FFF3E0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 30px 40px;
}
.recruit__flow-step--container{
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 170px;
    margin-right: 32px;
}
.recruit__flow-step--heading{
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 14px;
}
.recruit__flow-step--sub-heading{
    font-family: "Roboto", serif;
    font-size: 1.4rem;
}
.recruit__flow-detail--container01{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 32px;
    border-left: solid #CFD4D8 1px;
    height: inherit;
}
.recruit__flow-detail--container02{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 32px;
    border-left: solid #CFD4D8 1px;
    height: inherit;
}
.recruit__flow-detail--container03{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 32px;
    border-left: solid #CFD4D8 1px;
    height: inherit;
}
.recruit__flow-detail--txt{
    max-width: 356px;
    line-height: 2.5;
}
.recruit__flow-detail-img01{
    width: 120px;
    margin-left: 40px;
}
.recruit__flow-detail-img02{
    width: 97px;
    margin-left: 40px;
}
.recruit__flow-detail-img03-blue, .recruit__flow-detail-img03-brown{
    width: 138px;
    margin-top: 32px;
}
.recruit__flow-detail-img04{
    width: 128px;
    margin-left: 40px;
}
.recruit__flow-detail-img05{
    width: 67px;
    margin-left: 40px;
}
.recruit__flow-detail--group-blue{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -20px;
}
.recruit__flow-detail--group-brown{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: -20px;
}
.recruit__flow-detail--btn-blue{
    background-color: #0060A9;
    width: 185px;
    height: 50px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recruit__flow-detail--btn-blue::after{
    content: "";
    width: 22px;
    height: 22px;
    background-image: url("../images/recruit__flow-detail--icon.png");
    background-size: contain;
    margin-left: 24px;
}
@media screen and (max-width: 1000px) {
    .recruit__flow-detail--container03 {
        flex-direction: column;
    }
    .recruit__flow-detail-img04{
        margin: 40px 0 0;
    }
}
@media screen and (max-width: 800px) {
    .recruit__flow--group-blue, .recruit__flow--group-brown {
        padding: 30px 32px;
    }
    .recruit__flow-detail--container01 {
        flex-direction: column;
    }
    .recruit__flow-detail--group-blue {
        flex-direction: column-reverse;
    }
    
    .recruit__flow-detail-img03-blue {
        margin-bottom: 32px;
    }
    .recruit__flow-detail-img03-brown {
        margin-top: 32px;
    }
}
@media screen and (max-width: 600px) {
    .recruit__flow--group-blue, .recruit__flow--group-brown {
        flex-direction: column;
    }
    .recruit__flow-step--container {
        margin: 0 0 32px;
    }
    .recruit__flow-detail--container01, .recruit__flow-detail--container02, .recruit__flow-detail--container03 {
        padding: 32px 0 0;
        border-left: none;
        border-top: solid #CFD4D8 1px;
    }
    .recruit__flow-detail-img01, .recruit__flow-detail-img02, .recruit__flow-detail-img04, .recruit__flow-detail-img05{
        margin: 20px 0 0;
    }
    .recruit__meeting--btn-brown{
        width: -webkit-fill-available;
        width: -moz-available;
    }
}
@media screen and (max-width: 500px) {
    .recruit__contents--section01-blue, .recruit__contents--section01-blue, .recruit__contents--section02-blue, .recruit__contents--section02-brown, .recruit__meeting--container-blue, .recruit__meeting--container-brown{
        margin-bottom: 64px;
        padding: 40px 20px;
    }
    .recruit__key-point--container{
        margin-bottom: 20px;
    }
    .recruit__news--group {
        flex-direction: column;
        padding: 18px 0;
    }
    .recruit__news--date{
        border-right: none;
    }
}
/*  採用情報エリア 参加の流れ ここまで    */


/*  共通コンテンツ 講演スケジュール ここから    */
.common__contents--container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.common__contents--group{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 970px;
    margin: 0 auto 150px;
}
.common__contents--title {
    color: #364550;
    font-size: 3.2rem;
    font-weight: 500;
    margin-bottom: 22px;
}
.common__contents--border {
    border-top: solid #364550 1px;
    width: 100px;
    margin-bottom: 42px;
}
.common__schedule--container{
    width: 100%;
    background-color: #F4F5F5;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 70px 62px;
}
.common__schedule--heading{
    color: #364550;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
    width: fit-content;
    border-bottom: solid #364550 1px;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.common__schedule--txt{
    font-size: 1.6rem;
    margin-bottom: 16px;
}
.common__schedule--note{
    font-size: 1.3rem;
}
.common__schedule--btn{
    background-color: #023477;
    width: 186px;
    height: 56px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 64px 32px 64px;
}
.common__schedule--group{
    display: flex;
    align-items: center;
}
.common__seminar--container{
    width: 100%;
    display: flex;
}
.common__seminar--group{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.common__seminar--group:first-child{
    margin-right: 30px;
}
.common__seminar-title--container{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    padding: 4px 0;
}
.common__seminar-title--heading{
    color: #364550;
    font-family: "Roboto", serif;
    font-size: 2.4rem;
    font-weight: 500;
}
.common__seminar-title--sub-heading01{
    color: #00BEDD;
    font-family: "Roboto", "Noto Sans JP", serif;
    font-size: 2.4rem;
    font-weight: 500;
    margin-left: 8px;
}
.common__seminar-title--sub-heading02{
    color: #EB86AD;
    font-family: "Roboto", "Noto Sans JP", serif;
    font-size: 2.4rem;
    font-weight: 500;
    margin-left: 8px;
}
.common__seminar--section{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 32px 26px;
}
.common__seminar-info--heading01{
    font-family: "Roboto", serif;
    color: #fff;
    font-size: 1.8rem;
    background-color: #00BEDD;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.common__seminar-info--heading02{
    font-family: "Roboto", serif;
    color: #fff;
    font-size: 1.8rem;
    background-color: #EB86AD;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.common__seminar-info--group{
    display: flex;
    margin-bottom: 40px;
}
.common__seminar-info--img{
    width: 90px;
    height: 90px;
    object-fit: contain;
    border: solid #CFD4D8 1px;
    margin-right: 20px;
}
.common__seminar-info--wrapper{
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 500px) {
    .common__seminar-info--wrapper{
    display: flex;
    flex-direction: column;
    width: 56%;
}
}
.common__seminar-subinfo--wrapper{
    display: flex;
}
.common__seminar-info--tag-26{
    font-size: 1rem;
    color: #0060A9;
    border: solid #0060A9 1px;
    width: 72px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 16px;
    margin-right: 12px;
}
.common__seminar-info--tag-27{
    font-size: 1rem;
    color: #B97201;
    border: solid #B97201 1px;
    width: 72px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 16px;
}
.common__seminar-info--comapny{
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 16px;
}
.common__seminar-info--txt{
    font-size: 1.4rem;
}
.common__seminar-info--note{
    font-size: 1.2rem;
    margin-top: 16px;
}
@media screen and (max-width: 1034px) {
    .common__contents--container{
        width: 90%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 800px) {
    .common__seminar-info--group {
        flex-direction: column;
    }
    .common__seminar-info--img{
        margin: 0 0 20px;
    }
}
@media screen and (max-width: 640px) {
    .common__schedule--group{
        flex-direction: column;
        align-items: center;
        margin: 32px 0 64px;
    }
    .common__schedule--btn{
        margin: 16px 0 16px;
    }
    .common__seminar--container {
        flex-direction: column;
        align-items: center;
    }
    .common__seminar--group{
        width: 100%;
    }
    .common__seminar--group:first-child {
        margin: 0 0 30px;
    }
    .common__seminar-info--group {
        flex-direction: row;
    }
    .common__seminar-info--img{
        margin: 0 20px 0 0;
    }
}
@media screen and (max-width: 500px) {
    .common__contents--container {
        width: -webkit-fill-available;
        width: -moz-available;
        margin: 0 20px;
    }
    .common__schedule--container {
        padding: 70px 20px;
    }
    .common__seminar--section {
        padding: 32px 20px;
    }
}
/*  共通コンテンツ 講演スケジュール ここまで    */
.common__company--group{
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}


/*  共通コンテンツ 参加企業一覧 ここから    */
.common__company--txt{
    margin-bottom: 40px;
}
.common__company--group{
    border-top: solid #CFD4D8 1px;
    width: 100%;
}
.common__company-search--container{
    display: flex;
    flex-direction: column;
}
.common__company-search--group{
    width: 100%;
    display: flex;
    margin: 30px 0 30px;
    padding-bottom: 10px;
    border-bottom: solid #CFD4D8 1px;
}
.common__company-item--heading{
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: 8px;
    width: 136px;
}
.common__company-search--section{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}
.common__company-search--section li{
    width: 200px;
    height: 40px;
    background-color: #fff;
    border: solid #023477 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-left: 24px;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}
.common__company-search--section li.active {
    background-color: #717171;
    color: #fff;
}
.common__company-search--section li:first-child, .common__company-search--section li:nth-of-type(4), .common__company-search--section li:nth-of-type(7){
    margin-left: 0;
}
.common__company-search--btn{
    width: 258px;
    height: 40px;
    border-radius: 5px;
    background-color: #364550;
    font-size: 2rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0 auto 50px;
    cursor: pointer;
}
.common__company-result--container {
     width: calc(100% + 20px); 
    margin-right: -20px;
    margin-left: 20px;
    margin: 0 auto 0;
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
}
.common__company-result--group{
    position: relative;
    background-color: #fff;
    width: calc((100% - 35px) / 4);
    margin: 0 5px 40px 0;
    padding: 20px;
}
.year01:before{
    content: "";
    position: absolute;
    background-image: url("../images/common__company-result--year26.png");
    background-size: contain;
    width: 40px;
    height: 40px;
    top: -20px;
    left: -20px;
}
.year02:before{
    content: "";
    position: absolute;
    background-image: url("../images/common__company-result--year27.png");
    background-size: contain;
    width: 40px;
    height: 40px;
    top: -20px;
    left: -20px;
}
.common__company-result--img{
    border: solid #CFD4D8 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px 0;
}
.common__company-result--name{
    font-size: 1.6rem;
    font-weight: 600;
    color: #000000;
    margin-bottom: 14px;
    line-height: 1.4em;
}
.common__company-result--tag{
    font-size: 1.1rem;
    font-weight: 300;
    color: #029bfa;
    background-color:#a0e2fd89;
    margin-bottom: 5px;
    font-weight: bold;
}
.common__company-result--list01{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.common__company-result--date01{
    width: 50px;
    height: 20px;
    border: solid #00BEDD 1px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #00BEDD;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 10px 8px 0;
}
.common__company-result--date02{
    width: 50px;
    height: 20px;
    border: solid #D05584 1px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #D05584;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 10px 8px 0;
}
.common__company-result--genre{
    width: fit-content;
    border: solid #364550 1px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #364550;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 8px 0;
    padding: 1px 11px;
    width: 100%;
}
.common__company-result--entry{
    width: 100%;
    height: 40px;
    background-color: #0060A9;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}
.common__company-result--info{
    width: 100%;
    height: 40px;
    background-color: #364550;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
}
.company{
    display: none;
}
.-show {
	display: block;
}
.loading {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	background-color: rgba(255, 255, 255, .9);
	z-index: 5;
	display: none;
}
.loading.-show {
	display: block;
	opacity: 1;
	visibility: visible;
}
.spinner {
	position: absolute;
	top: 12px;
	left: 12px;
}
.cube1, .cube2 {
	background-color: #00aaeb;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;

	-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
	animation: sk-cubemove 1.8s infinite ease-in-out;
}
.cube2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
@-webkit-keyframes sk-cubemove {
	25% {
		-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
	}

	50% {
		-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
	}

	75% {
		-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
	}

	100% {
		-webkit-transform: rotate(-360deg)
	}
}

@keyframes sk-cubemove {
	25% {
		transform: translateX(42px) rotate(-90deg) scale(0.5);
		-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
	}

	50% {
		transform: translateX(42px) translateY(42px) rotate(-179deg);
		-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
	}

	50.1% {
		transform: translateX(42px) translateY(42px) rotate(-180deg);
		-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
	}

	75% {
		transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
		-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
	}

	100% {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}
@media screen and (max-width: 1034px) {
    .common__company-search--section li:nth-of-type(4){
        margin-left: 24px;
    }
    .common__company-search--section li:first-child, 
    .common__company-search--section li:nth-of-type(3), 
    .common__company-search--section li:nth-of-type(5),
    .common__company-search--section li:nth-of-type(7),
    .common__company-search--section li:nth-of-type(9){
        margin-left: 0;
    }
}
@media screen and (max-width: 820px) {
    .common__schedule--container{
        padding: 70px 32px;
    }
    .common__company-search--group {
        flex-direction: column;
    }
    .common__company-item--heading {
        margin: 0 0 24px;
    }
    .common__company-search--section li{
        width: 47%;
        font-size: 1.2rem;
    }
    .common__company-result--group {
        width: calc((100% - 60px) / 2);
    }
    .common__company-result--container {
        width: 100%;
        margin: 0;
    }
}
@media screen and (max-width: 500px) {
    .common__schedule--container {
        justify-content: center;
        border-radius: 20px;
        padding: 70px 20px;
    }
    .common__company-search--section li {
        width: 45%;
        margin-left: 16px;
    }

    .common__company-result--container {
        width: 90%;
        justify-content: center;
        margin: 0 auto;
    }
    .common__company-result--group {
        width: calc((90% - 0px) / 1);
        margin: 0 0 40px;
    }
}
/*  共通コンテンツ 参加企業一覧 ここまで    */





/*  共通コンテンツ アクセス ここから    */
.common__access--bg{
    width: 100%;
    margin-bottom: -1px;
}
.common__access--container{
    background-color: #023477;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.common__access--container h3, .common__access--container h4, .common__access--container p, .common__access--container span{
    color: #fff;
}
.common__access--group{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 970px;
    margin: 0 auto 120px;
}
.common__access--heading {
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    width: fit-content;
    border-bottom: solid #fff 1px;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.common__access--wrapper{
    display: flex;
    flex-direction: column;
}
.common__access--location{
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 36px;
}
.common__access--address, .common__access--list{
    margin-bottom: 40px;
}
.common__access--box{
    display: flex;
}
.common__access--dot{
    margin-right: 4px;
}
.common__access--station{
    margin-bottom: 8px;
}
.common__access--btn{
    background-color: #fff;
    width: 226px;
    height: 56px;
    border-radius: 5px;
    color: #023477;
    font-size: 1.8rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.common__access--btn::after{
    content: "";
    background-image: url("../images/common__access--icon.png");
    background-size: contain;
    width: 22px;
    height: 22px;
    margin-left: 24px;
}
.b_up{
    padding-bottom: 100px;
}
.common__map--container{
    width: 50%;
}
.common__map--container iframe{
    border-radius: 4px;
    margin-bottom: 32px;
}
.common__map--copyright{
    text-align: right;
}
@media screen and (max-width: 800px) {
    .common__access--group {
        flex-direction: column;
        align-items: center;
    }
}
@media screen and (max-width: 500px) {
    .common__access--container{
        padding-top: 56px;
        padding: 56px 0 40px;
    }
    .common__access--group {
        margin: 0 auto 32px;
        padding: 0 20px;
    }
    .common__map--container {
        width: 100%;
        height: 350px;
        margin-top: 40px;
    }
    .common__map--container iframe{
        margin-bottom: 0;
    }
    .common__map--copyright{
        margin-top: 32px;
        margin-bottom: 40px;
    }
}
/*  共通コンテンツ アクセス ここまで    */