@charset "UTF-8";
/*mvTop_wrap*/
.mvTopSlide_wrap {
    height: 460px;
    margin: 0 0 10px 0;
}
.mvTopSlide_wrap .slick-slide {
    display: block;
    min-height: 460px;
    z-index: 999;
    position: relative;
}
.mvTopSlide {
    opacity: 0;
    transition: opacity 0.2s ease-in-out , all 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out , all 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out , all 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out , all 0.2s ease-in-out;
    will-change: opacity , all;
}
.mvTopSlide.slick-initialized {
    opacity: 1;
}
.mvTop_wrap {
    background: url("") repeat-x 0 0;
    height: 460px;
}

.mvTop_wrap.is-ver4 {
    background-image:url("../img/main_gra01_bg.jpg");  /* 画像のURLを指定     */
    background-position:center center;                     /* 画像の表示位置を指定 */
    background-size:cover;                                 /* 画像のサイズを指定  */
    width:100%;                                            /* 横幅のサイズを指定  */
}

.mvTop_wrap.is-ver3 {
        background-image:url("../img/main_gra02_bg.jpg");  /* 画像のURLを指定     */
        background-position:center bottom;                     /* 画像の表示位置を指定 */
        background-size:cover;                                 /* 画像のサイズを指定  */
        width:100%;                                            /* 横幅のサイズを指定  */
    }

.mvTop_wrap.is-ver5 {
        background-image:url("../img/main_gra04_bg.jpg");  /* 画像のURLを指定     */
        background-position:center center;                     /* 画像の表示位置を指定 */
        background-size:cover;                                 /* 画像のサイズを指定  */
        width:100%;                                            /* 横幅のサイズを指定  */
    }


.mvTop_wrap.is-ver7 {
    background-image:url("../img/main_gra06_bg.jpg");  /* 画像のURLを指定     */
    background-position:center center;                     /* 画像の表示位置を指定 */
    background-size:cover;                                 /* 画像のサイズを指定  */
    width:100%;                                            /* 横幅のサイズを指定  */
}

.mvTop_wrap.is-ver6 {
        background-image:url("../img/main_gra05_bg.jpg");  /* 画像のURLを指定     */
        background-position:center center;                     /* 画像の表示位置を指定 */
        background-size:cover;                                 /* 画像のサイズを指定  */
        width:100%;                                            /* 横幅のサイズを指定  */
    }



.mvTop_wrap.is-ver2{
    background-image:url("../img/main_gra05.jpg");  /* 画像のURLを指定     */
    background-position:center bottom;                     /* 画像の表示位置を指定 */
    background-size:cover;                                 /* 画像のサイズを指定  */
    width:100%;                                            /* 横幅のサイズを指定  */
}
.mvTop_in {
    width: 1200px;
    height: 460px;
    margin: 0 auto;
    position: relative;
}
.mvTop-img {
    text-align: center;
}
/*about_wrap*/
.about_wrap {
}
.about_lead {
    text-align: center;
    font-size: 14px;
    padding-bottom: 50px;
    line-height: 2;
    font-weight: 600;
}
.about_lead h2 {
    font-size: 26px;
    color: #00376a;
    line-height: 3;
    font-weight:600;
}
.about_tab {
    padding: 0 50px;
}
.about_tab ul li {
    float: left;
    width: 200px;
    margin: 0 25px 0 0;
    border: 1px solid #fcfcfc;
    border-radius: 12px;
    -ms-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #d9d9d9;
    height: auto;
    text-align: center;
        padding-top: 90px;
    font-weight: bold;
}
.about_tab ul li a {
    display: block;
    color: #00376a;
}
.about_tab ul li:last-child {
    margin: 0 0 0 0;
}
.about_tab ul li .abtxt {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.4;
   width: 220px;
    height: 80px;
}
.about_tab ul li a:hover {
    color:#edc138;
}
.about_tab li.dec-icn01 {
    background:#ffffff url("../../cmn/img/icn_01.png") no-repeat center top 20px;
    background-size: 64px auto;
    -ms-background-size: 64px auto;
    -moz-background-size: 64px auto;
    -webkit-background-size: 64px auto;
}
.about_tab li.dec-icn02 {
    background:#ffffff url("../../cmn/img/icn_05.png") no-repeat center top 20px;
    background-size: 64px auto;
    -ms-background-size: 64px auto;
    -moz-background-size: 64px auto;
    -webkit-background-size: 64px auto;
}
.about_tab li.dec-icn03 {
    background:#ffffff url("../../cmn/img/icn_03.png") no-repeat center top 20px;
    background-size: 64px auto;
    -ms-background-size: 64px auto;
    -moz-background-size: 64px auto;
    -webkit-background-size: 64px auto;
}
.about_tab li.dec-icn04 {
    background:#ffffff url("../../cmn/img/icn_04.png") no-repeat center top 20px;
    background-size: 64px auto;
    -ms-background-size: 64px auto;
    -moz-background-size: 64px auto;
    -webkit-background-size: 64px auto;
}
.about_tab li.dec-icn05 {
    background:#ffffff url("../../cmn/img/icn_05.png") no-repeat center top 20px;
    background-size: 64px auto;
    -ms-background-size: 64px auto;
    -moz-background-size: 64px auto;
    -webkit-background-size: 64px auto;
}
/*blue-cont*/
.blue-cont {
   background: #00376a;
    padding: 40px 0;
}
.nidoday_wrap {
    width: 1200px;
    margin: 0 auto;
}
.nido_cont  {
  font-size: 16px;
    color: #fff;
    text-align: center;
}
.nido_ttl{
  position : relative ;
  display : block ;
   max-width  : 700px ;
  height : 100px ;
  line-height : 1.8 ;
  margin : 0 auto ;
  font-size : 14px ;
  font-weight : normal ;
  text-align : center ;
  font-size: 14px;
    color: #fff;
}
.nido_ttl span{
    line-height: 1;
    padding-left: 80px;
}
.nido_dec::before{
  content : "" ;
  position : absolute ;
  top : 0 ;
  margin : auto 0 ;
  width : 71px ;
  height : 78px ;
  background : url( ../../cmn/img/dec_nidoday.png) center / 100% no-repeat ;
    color: #fff;
    font-size: 14px;
}
.nido_dec span{
    line-height: 1.8;
    font-size: 30px;
    font-weight: bold;
}
.nido_ttl::before{
  content : "" ;
  position : absolute ;
  top : 0 ;
  bottom : -10 ;
  margin : auto 0 ;
  width : 35px ;
  height : 49px ;
  background : url( ../../cmn/img/dot_l.png) center / 100% no-repeat ;
}
.nido_ttl::after{
  content : "" ;
  position : absolute ;
  top : 0 ;
  bottom : -10 ;
  margin : auto 0 ;
  width : 35px ;
  height : 49px ;
  background : url( ../../cmn/img/dot_r.png) center / 100% no-repeat ;
}
.nido_ttl::before{
  left : 0 ;
}
.nido_ttl::after{
  right : 0 ;
}
/*news_wrap*/
.news_cont {
    }
.news_wrap {
float: left;
    width: 650px;
    }
.news_ttl {
    margin-bottom: 20px;
}
.news_ttl .mttl {
    font-weight: bold;
   color: #00376a;
  font-size: 30px;
        vertical-align: middle;
    margin-right: 20px;
}
.news_ttl .sttl {
  font-size: 16px;
        vertical-align: middle;
}
.news_tab {
    display: table;
    padding: 0 0 20px;
    border-bottom: 1px #cfcfcf dotted;
    margin-bottom: 20px;
    width: 650px;
}
.news_tab dt{
    display: table-cell;
    font-size: 14px;
    color: #edc138;
    font-weight: bold;
    width: 90px;
}
.news_tab dd{
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
}

.news_tab dd img{
    max-width: 560px;
    margin: 15px 0;
}


.sns_wrap {
float: right;
    width: 500px;
    }
.twitter-wrap{
    width: 500px;
    margin: 0 auto;
}
@media (max-width: 425px) {
.mvTopSlide_wrap {
    height: 465px;
}
}
@media (max-width: 896px) {
/*mvTop_wrap*/
.mvTopSlide_wrap {
    height: 410px;
    margin: 0 0 0 0;
    overflow-y: hidden;
}
}
/*
@media (min-width: 768px) {
.mvTopSlide_wrap {
    height: 840px;
}
}
*/
@media (max-width: 320px) {
.mvTopSlide_wrap {
    height: 350px;
}
}
@media (max-width: 767px) {
.mvTopSlide_wrap.on {
    height: auto;
}
/*
.mvTopSlide_wrap .mvTop_wrap {
    float: left;
    display: inline-block;
}
*/
.mvTopSlide_wrap .slick-slide {
    display: block;
    min-height: auto;
    z-index: 999;
    position: relative;
}
.mvTop_wrap {
    background: none;
    height: auto;
}
.mvTop_in {
    width: auto;
    height: auto;
    margin: 0;
}
.mvTop-ttl {
    top: 8.36785%;
    left: auto;
    right: auto;
    z-index: 9;
    margin: 0;
    width: 100%;
    height: 15%;
    padding: 0 14% 0 14.8%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.mvTop-ttl span {
    padding: 25% 0 0 0;
    background: url("https://u29job.jp/cmn/svg/top_main_ttl_sp.svg") no-repeat center 0;
    background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.mvTop-ttl2 {
    display: none;
}
.mvTopSlide_wrap.is-ver2 .mvTop-ttl2 {
    display: block;
    top: 7.38095%;
    left: auto;
    right: auto;
    z-index: 9;
    margin: 0;
    width: 100%;
    height: 15%;
    padding: 0 22% 0 24%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.mvTop-ttl2 span {
    padding: 25% 0 0 0;
    background: url("https://u29job.jp/cmn/svg/mv_top_main_sp_ttl01.svg") no-repeat 0 0;
    background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.mvTop-ttl3 {
    display: none;
}
.mvTopSlide_wrap.is-ver2 .mvTop-ttl3 {
    display: block;
    position: absolute;
    top: 3.0%;
    right: auto;
    left: auto;
    z-index: 9;
    width: 100%;
    height: 64%;
    padding: 0 4% 0 91.56666%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.mvTop-ttl3 span {
    width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
    padding: 1600% 0 0 0;
    background: url("https://u29job.jp/cmn/svg/mv_top_main_sp_ttl02.svg") no-repeat 0 0;
    background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.mvTop-logo {
    display: none;
}
.mvTopSlide_wrap.is-ver2 .mvTop-logo {
    display: block;
    position: absolute;
    bottom: 3.09523%;
    right: auto;
    left: auto;
    z-index: 9;
    width: 100%;
    height: 22.38095%;
    padding: 0 73% 0 3.5%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.mvTop-logo span {
    width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
    padding: 110% 0 0 0;
    background: url("https://u29job.jp/cmn/svg/mv_top_main_logo.svg") no-repeat 0 0;
    background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
/*mv_wrap*/
.mv_in {
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    position: relative;
}
.mv_ttl {
    padding: 0 0 0 0;
    position: absolute;
    left: 15px;
    bottom: 25px;
    z-index: 9;
}
.mv-ttl {
    font-size: 17px;
    line-height: 1.6;
}
.mv-ttl span {
    padding: 8px 0 8px 11px;
    margin: 0 0 10px 0;
}
.mv-ttl .is-ver1 {
    width: auto;
    padding: 8px 20px 8px 11px;
}
.mv-ttl .is-ver2 {
    width: auto;
    padding: 8px 20px 8px 11px;
}
.mvSide_wrap {
    display: none;
}
.mv-img {
    display: block;
}
.mvSpTab_wrap {
    display: block;
    border-bottom:1px solid #d7d7d7;
    background: #ffffff;
}
.mvSpTab_wrap ul li {
    border-right: 1px solid #d7d7d7;
    float: left;
    width: 50%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.mvSpTab_wrap ul li:nth-child(2n) {
    border-right: 0;
}
.mvSpTab_wrap ul li a {
    display: table;
    width: 100%;
    height: 60px;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
}
.mvSpTab_wrap ul li a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
}
    /*twitter-wrap*/
  .twitter-wrap{
        width: auto;
    overflow: hidden;
  }
  .twitter-wrap iframe{
    /* 20pxの部分は埋め込んだタイムラインの左右に必要な余白の総計を記載 */
    width: calc(100vw - 20px)!important;
  }



/*about_wrap*/
.about_wrap {
}
.about_lead {
    text-align: left;
    font-size: 14px;
    padding-bottom: 20px;
    line-height: 1.6;

}
.about_lead h2 {
    font-size: 20px;
    text-align: center;
    color: #00376a;
    line-height: 3;
    font-weight:600;
}



.about_tab_sp .point{
        background: #00376a;
        padding: 15px 15px 0 15px;
        text-align: left;
        margin: 0 0 20px 0;
    }
.about_tab_sp .point-ttl{
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4;
        margin: 0 0 10px 0;
        width: auto;
        height: auto;
        box-sizing: border-box;
        text-align: center;
        color: #fff;
    }
.about_tab_sp .point-txt{
        border-radius: 3px;
        width: auto;
        height: auto;
        box-sizing: border-box;
        padding: 10px 10px 10px 60px;
        line-height: 1.6;
        margin: 0 0 15px 0;
        font-size: 16px;
    }
.about_tab_sp .point-txt.n1{
        background: #fff url(../../cmn/img/icn_01.png) no-repeat left 15px center;
        background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        -ms-background-size: 30px auto;
    }
.about_tab_sp .point-txt.n2{
    background: #fff url(../../cmn/img/icn_05.png) no-repeat left 15px center;
        background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        -ms-background-size: 30px auto;
    }
.about_tab_sp .point-txt.n3{
        background: #fff url(../../cmn/img/icn_03.png) no-repeat left 15px center;
        background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        -ms-background-size: 30px auto;
    }
.about_tab_sp .point-txt.n4{
        background: #fff url(../../cmn/img/icn_04.png) no-repeat left 15px center;
        background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        -ms-background-size: 30px auto;
    }
.about_tab_sp .point-txt.n5{
        background: #fff url(../../cmn/img/icn_05.png) no-repeat left 15px center;
        background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        -ms-background-size: 30px auto;
    }

/*blue-cont*/
.blue-cont {
   background: #00376a;
    padding: 15px 0;
}
.nidoday_wrap {
    width: 100%;
    margin: 0 auto;
}
.nido_cont  {
  font-size: 16px;
    color: #fff;
    text-align: center;
}
.nido_ttl{
  position : relative ;
  display : block ;
   max-width  : 700px ;
  height : auto ;
  line-height : 1.8 ;
  margin : 0 auto ;
  font-weight : normal ;
  text-align : center ;
  font-size: 12px;
    color: #fff;
}
.nido_ttl span{
    line-height: 1;
    padding-left: 0;
}
.nido_dec::before{
  content : "" ;
  position : absolute ;
  top : 0 ;
  margin : auto 0 ;
  width : 30px ;
  height : 78px ;
  background : none ;
    color: #fff;
    font-size: 14px;
}
.nido_dec span{
    line-height: 1.8;
    font-size: 20px;
    font-weight: bold;
}
.nido_ttl::before{
  content : "" ;
  position : absolute ;
  top : 0 ;
  bottom : -10 ;
  margin : auto 0 ;
  width : 35px ;
  height : 49px ;
  background : none ;
}
.nido_ttl::after{
  content : "" ;
  position : absolute ;
  top : 0 ;
  bottom : -10 ;
  margin : auto 0 ;
  width : 35px ;
  height : 49px ;
  background : none ;
}
.nido_ttl::before{
  left : 0 ;
}
.nido_ttl::after{
  right : 0 ;
}
/*news_wrap*/
.news_cont {
    }
.news_wrap {
float: none;
    width: 100%;
    }
.news_ttl {
    margin-top: 10px;
    margin-bottom: 10px;
}
.news_ttl .mttl {
    font-weight: bold;
   color: #00376a;
  font-size: 20px;
        vertical-align: middle;
    margin-right: 20px;
}
.news_ttl .sttl {
  font-size: 16px;
        vertical-align: middle;
}
.news_tab {
    display: table;
    padding: 0 0 10px;
    border-bottom: 1px #cfcfcf dotted;
    margin-bottom: 10px;
    width: 100%;
}
.news_tab dt{
    display: block;
    font-size: 14px;
    color: #edc138;
    font-weight: bold;
    width: 90px;
}
.news_tab dd{
    display: block;
    font-size: 14px;
    font-weight: bold;
}
    .news_tab dd img{
        max-width: 100%;
        margin: 15px 0;
    }

.map_cont{
    margin-bottom: 30px;
}


.sns_wrap {
float: none;
    width: 100%;
    }
.twitter-wrap{
    width: 100%;
    margin: 0 auto;
}



}
@media (max-width: 374px) {
.popular_wrap ul li {
    width: 90px;
    margin: 0 15px 0 0;
}
.popular_wrap .slider {
    margin: 0 4px;
}
.jobList_in ul li dl dt a {
    font-size: 10px;
}
}




.covid {
    background: #f6f6f6;
    font-size: 12px;
    padding: 20px;
    text-align: center;

    margin: 0 auto 20px;
    border-radius: 3px;
}

.covid h3 {
    font-size: 20px;
    color: #3491d6;
}

.covid .icon {

    margin: 10px auto;
}

.covid .icon img {
    width: 320px;
}
@media (max-width: 767px) {
.covid .icon img {
    width: 70%;
}

.covid h3 {
    font-size: 20px;
    color: #3491d6;
}

}


.obi_wrap {
    padding: 20px 0;
    text-align: center;
    overflow: hidden;
    position: relative;
    background: #00376a;
    font-size: 16px;

    line-height: 1.6;
    color: #fff;
}


.obi_wrap h2 {

    font-size: 30px;
    font-weight: bold;
    line-height: 1.6;

}


@media (max-width: 767px) {

    .obi_wrap {
        padding: 10px 0;
        text-align: center;
        overflow: hidden;
        position: relative;
        background: #00376a;
        font-size: 12px;

        line-height: 1.6;
        color: #fff;
    }


    .obi_wrap h2 {

        font-size: 22px;
        font-weight: bold;
        line-height: 1.6;

    }

}