@charset "utf-8";

/* ---------------------------------
		common main 
------------------------------------*/
.main {
  padding-top: 70px;
}

/* ---------------------------------
		input common
------------------------------------*/
::placeholder {
  color: #333;
}

/* ---------------------------------
		main slider
------------------------------------*/
.mainVisual {
  /* margin-top: 60px; */
  margin-top: 40px;
}

.Mainslider {}

.slider-1 {
  display: none;
}

.slider-1.slick-initialized {
  display: block;
}

.slider-1.slider-1-2 {
  margin: 0 auto;
  /* width: 1420px; */
  width: 1140px;
}

.s-1boxlinkWrap {
  /* margin: 10px 20px;
  width: 670px; */
  margin: 10px 25px;
  width: 545px;
  height: 100%;
}

.s-1boxlink {
  display: block;
  margin: 0 auto;
  /* width: 660px;
  height: 100%;
  padding: 15px; */
  width: 100%;
  height: 100%;
  min-height: 435px;
  padding: 20px;
  background-color: #F6F6F6;
}

.box-1image {
  /* width: 630px;
  height: 286px; */
  width: 100%;
  height: 265px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* .box-1Text {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  margin-top: 10px;
} */

.box-1Title {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.44;
  min-height: 51px;
}

.box-1DescList {
  margin-top: 10px;
}
.box-1List {
  margin-top: -10px;
  margin-left: -24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.box-1ListItem {
  margin-top: 10px;
  margin-left: 24px;
  padding-left: 35px;

  background-position: left center;
  background-repeat: no-repeat;
}
.box-1ListItem--full-wide {
  width: 100%;
}
.box-1ListItem--salary {
  background-image: url("../images/icon_dollar_red.svg");
  background-size: 24px 24px;
}
.box-1ListItem--pref {
  background-image: url("../images/icon_category_red.svg");
  background-size: 25px 24px;
}
.box-1ListItem--client {
  background-image: url("../images/icon_flag_red.svg");
  background-size: 24px 20px;
}

.box-1ListItemText {

}

.Mainslider .slick-dots {
  position: relative;
  bottom: auto;
  margin: 20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Mainslider .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 4px;
}
.Mainslider .slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
}
.Mainslider .slick-dots li button:before {
  font-size: 24px;
  line-height: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #FF0000;
  color: #FFFFFF;
  background-color: #FFF;
}
.Mainslider .slick-dots li.slick-active button:before {
  border: 1px solid #FF0000;
  color: #FF0000;
  background-color: #FF0000;
}

/* ---------------------------------
		job search
------------------------------------*/
.subVisual01 {
  margin-top: 40px;
}

.topSearchWrap {
  margin-top: 20px;
  background-color: #F6F6F6;
  border-radius: 15px;
  padding: 25px 40px;
}

.topSearch {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; */
}

.topSearch__up {
  width: 100%;
}
.topSearch__down {
  margin-top: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.topSearch__footer {
  margin-top: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.topSearchBlock {
  position: relative;
  width: 100%;
}
.topSearchBlock--fore-coloum {
  width: 220px;
}
.topSearchBlock--btn-coloum {
  width: 220px;
}

/* 
.topSearchBlock:nth-child(1),
.topSearchBlock:nth-child(2) {
  width: 237px;
}

.topSearchBlock:nth-child(3) {
  width: 276px;
}

.topSearchBlock:nth-child(4) {
  width: 108px;
} */

.topSearchBox {}

.inputText {
  border-color: #D3D3D3;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
}

.inputSelect {
  border-color: #D3D3D3;
  border-radius: 6px;
  padding: 10px 35px 10px 45px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;

  background-repeat: no-repeat, no-repeat;
  background-position: 13px center, calc(100% - 15px) center;
  background-size: 20px 20px, 13px 7px;
}

.categorySearchSelect {
  background-image: url("../images/icon_category_red.svg"), url("../images/triangle_down_red.svg");
}
.prefSearchSelect {
  background-image: url("../images/icon_pref_red.svg"), url("../images/triangle_down_red.svg");
}
.featureSearchSelect {
  background-image: url("../images/icon_feature_red.svg"), url("../images/triangle_down_red.svg");
}
.brandSearchSelect {
  background-image: url("../images/icon_brand_red.svg"), url("../images/triangle_down_red.svg");
}

.topSearchBtn {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  padding: 10px;
  color: #fff;
  text-align: center;
  background-color: #FF0000;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.topSearchBtn img {
  width: 24px;
  height: 24px;
}
.topSearchBtn__text {
  padding-left: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
}

/* ---------------------------------
		sub common
------------------------------------*/
.subVisual02 {
  margin-top: 50px;
}

.subVisual03 {
  margin-top: 100px;
}

.subVisual04 {
  padding: 70px 0 50px;
}

.subVisualContents {
  margin-top: 50PX;
}

.subVisualContents__subslider {
  margin-top: 40px;
}

.subVisualHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.subVisualHeader--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.subVisualTitle01 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.45;
}

.subVisualTitle01Text {}

.subVisualTitle02 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.45;
}
.subVisualTitle02--big {
  font-size: 35px;
}

.subVisualFooter {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.subVisualLinkBtn {
  display: block;
  width: 120px;
  border-radius: 9px;
  padding: 5px 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  color: #fff;
  text-align: center;
  background-color: #FF0000;
}

.subVisualLinkBtn2 {
  display: block;
  width: 400px;
  border-radius: 10px;
  padding: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background-color: #C01F0E;
}

/* ---------------------------------
		brand list
------------------------------------*/
.brandList {
  margin-top: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.brandListItem {
  margin-top: 30px;
  margin-right: 30px;
  width: 176px;
}

.brandListItem:nth-child(5n) {
  margin-right: 0;
}

.brandListItemLink {
  display: block;
  width: 100%;
  height: 80px;
  text-decoration: none;
}

.brandListItemImg {
  width: 100%;
  height: 100%;
  font-size: 0;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* ---------------------------------
		job new list,pickup list
------------------------------------*/
.slick-arrow:before {
  content: "" !important;
}

#js-slider-2 .slick-prev,
#js-slider-2 .slick-next,
#js-slider-3 .slick-prev,
#js-slider-3 .slick-next {
  border: none;
  outline: none;
  position: absolute;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  font-size: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 6;
}

#js-slider-2 .slick-prev,
#js-slider-3 .slick-prev {
  left: -50px;
  background-image: url("../images/circle_left_red_white.svg");
}

#js-slider-2 .slick-next,
#js-slider-3 .slick-next {
  right: -50px;
  background-image: url("../images/circle_right_red_white.svg");
}

/* ---------------------------------
		feature list
------------------------------------*/
.featureList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.featureListItem {
  margin-right: 29px;
  width: 314px;
  /* height: 266px; */
  background-color: #F6F6F6;
}

.featureListItem:nth-child(3n) {
  margin-right: 0;
}

.featureListItemLink {
  height: 100%;
  display: block;
  /* padding: 8px 12px 22px; */
  padding: 8px 12px;
  text-decoration: none;
}

.featureListItemImg {
  width: 100%;
  height: 187px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.featureListItemText {
  height: calc(100% - 187px);
  padding: 20px 0 12px;
  /* padding: 20px 0 0; */
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  /* letter-spacing: 0.05em; */
  letter-spacing: -0.05em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.featureListItemText__text {
}

/* ---------------------------------
		wp news
------------------------------------*/
.specialTitle {
  font-size: 30px;
}

.newsListArea {
  margin-top: 50px;
  width: 100%;
}

.newsList {
  border-top: 1px solid #1762A2;
}

.newsList:last-child {
  border-bottom: 1px solid #1762A2;
}

.newsListWrap {}

.newsListLink {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.newsListLinkRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.newsDate {
  margin-right: 25px;
  padding: 5px 0;
  width: 90px;
}

.newsIconList {
  margin-right: 25px;
  margin-top: -10px;
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.newsIcon {
  margin-top: 10px;
  margin-right: 10px;
  border-radius: 5px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.42;
  text-align: center;
  color: #FFF;
  background-color: #FFC000;
}

.newsTitle {
  width: 760px;
  line-height: 1.45;
  font-weight: 700;
}

/* ---------------------------------
		banner register
------------------------------------*/
.followBanner {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 50;
}

.followBannerWrap {
  position: relative;
}

/* ---------------------------------
		cta
------------------------------------*/
.ctaList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ctaListItem {
  width: 320px;
}
.ctaListItem:nth-child(n+2) {
  margin-left: 60px;
}
.ctaListItemWrap {
  width: 100%;
}
.ctaListItemThum {
  width: 320px;
  height: 211px;
}
.ctaListItemImg {
  width: 100%;
  object-fit: cover;
}
.ctaListItemTitle {
  margin-top: 10px;
  min-height: 52px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
}
.ctaListItemText {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.42;
}

/*----------------------------------------
  画面の横幅が600pxまで
----------------------------------------*/
@media (max-width: 600px) {

  /* ---------------------------------
			common main 
	------------------------------------*/
  .main {
    padding-top: 18vw;
  }

  /* ---------------------------------
      main slider
  ------------------------------------*/
  .mainVisual {
    margin-top: 3.33vw;
  }

  .Mainslider {}

  .slider-1.slider-1-2 {
    width: 100%;
  }

  .s-1boxlinkWrap {
    margin: 1.66vw 0.83vw;
    width: 90vw;
    height: 100%;
  }

  .s-1boxlink {
    min-height: 72.5vw;
    padding: 3.33vw;
  }

  .box-1image {
    height: 43.33vw;
  }

  .box-1Title {
    margin-top: 1.66vw;
    font-size: 3.33vw;
    line-height: 1.45;
    min-height: 9.66vw;
  }
  .box-1DescList {
    margin-top: 1.66vw;
  }
  .box-1List {
    margin-top: -1.66vw;
    margin-left: -4vw;
  }
  .box-1ListItem {
    margin-top: 1.66vw;
    margin-left: 4vw;
    padding-left: 5.83vw;
  }
  .box-1ListItem--salary {
    background-size: 4vw 4vw;
  }
  .box-1ListItem--pref {
    background-size: 4.16vw 4vw;
  }
  .box-1ListItem--client {
    background-size: 4vw 3.33vw;
  }

  .box-1ListItemText {
    font-size: 2.66vw;
  }

  .Mainslider .slick-dots {
    margin: 3.33vw auto 0;
  }
  .Mainslider .slick-dots li {
    width: 3vw;
    height: 3vw;
    margin: 0 1vw;
  }
  .Mainslider .slick-dots li button {
    width: 3vw;
    height: 3vw;
  }
  .Mainslider .slick-dots li button:before {
    font-size: 6vw;
    line-height: 3vw;
    width: 3vw;
    height: 3vw;
    border: 0.16vw solid #FF0000;
  }
  .Mainslider .slick-dots li.slick-active button:before {
    border: 0.16vw solid #FF0000;
  }

  /* ---------------------------------
            job search
    ------------------------------------*/
  .subVisual01 {
    margin-top: 6.66vw;
  }

  .topSearchWrap {
    margin-top: 3.33vw;
    border-radius: 1.66vw;
    padding: 5vw 3.33vw;
  }

  .topSearch {}

  .topSearch__down {
    margin-top: 5vw;
  }
  .topSearch__footer {
    margin-top: 5vw;
  }

  .topSearchBlock {}

  .topSearchBlock:nth-child(n+2) {
    margin-top: 5vw;
  }
  .topSearchBlock--fore-coloum {
    width: 100%;
  }
  .topSearchBlock--btn-coloum {
    width: 100%;
  }

  /* .topSearchBlock:nth-child(1),
  .topSearchBlock:nth-child(2) {
    width: 100%;
  }

  .topSearchBlock:nth-child(3) {
    width: 100%;
  }

  .topSearchBlock:nth-child(4) {
    width: 100%;
  } */

  .inputSelect {
    border: 0.33vw solid #D3D3D3;
    border-radius: 1.66vw;
    padding: 1.66vw 8.83vw 1.66vw 9.5vw;
    font-size: 5vw;

    background-repeat: no-repeat, no-repeat;
    background-position: 2.5vw center, calc(100% - 3.33vw) center;
    background-size: 5.83vw 5.83vw, 4.33vw 2.33vw;
  }

  .inputText {
    border: 0.33vw solid #D3D3D3;
    border-radius: 1.66vw;
    padding: 1.66vw 3.33vw;
    font-size: 5vw;
  }

  .topSearchBtn {
    border-radius: 1.66vw;
    padding: 1.66vw;
  }

  .topSearchBtn img {
    width: 8vw;
    height: 8vw;
  }
  .topSearchBtn__text {
    padding-left: 1.66vw;
    font-size: 5vw;
  }

  /* ---------------------------------
            sub common
    ------------------------------------*/
  .subVisual02 {
    margin-top: 13.33vw;
  }

  .subVisual03 {
    margin-top: 20vw;
  }

  .subVisualContents {
    margin-top: 10vw;
  }

  .subVisualContents__subslider {
    margin-top: 8.33vw;
  }

  .subVisualHeader {}

  .subVisualTitle01 {
    font-size: 6.33vw;
  }

  .subVisualTitle01Text {}

  .subVisualTitle02 {
    font-size: 6.66vw;
    line-height: 1.42;
  }
  .subVisualTitle02--big {
    font-size: 6.66vw;
  }

  .subVisualFooter {
    margin-top: 10vw;
  }

  .subVisualLinkBtn {
    margin: 0 auto;
    display: block;
    width: 72.33vw;
    border-radius: 1.66vw;
    padding: 3.33vw;
    font-size: 4.66vw;
  }

  .subVisualLinkBtn2 {
    margin: 0 auto;
    width: 69.16vw;
    border-radius: 1.66vw;
    padding: 3.33vw;
    font-size: 4.66vw;
    line-height: 1.42;
  }
  
  /* ---------------------------------
            brand list
    ------------------------------------*/
  .brandList {
    margin-top: -6.66vw;
  }

  .brandListItem {
    margin-top: 6.66vw;
    margin-right: 6.66vw;
    width: 43.33vw;
  }

  .brandListItem:nth-child(5n) {
    margin-right: 6.66vw;
  }

  .brandListItem:nth-child(2n) {
    margin-right: 0;
  }

  .brandListItemLink {
    height: 19.66vw;
  }

  .brandListItemImg {}

  /* ---------------------------------
            job new list,pickup list
    ------------------------------------*/
  .slick-arrow:before {
    content: "" !important;
  }

  #js-slider-2 .slick-prev,
  #js-slider-2 .slick-next,
  #js-slider-3 .slick-prev,
  #js-slider-3 .slick-next {
    width: 10vw;
    height: 10vw;
  }

  #js-slider-2 .slick-prev,
  #js-slider-3 .slick-prev {
    /* left: -0.83vw; */
    left: 0;
  }

  #js-slider-2 .slick-next,
  #js-slider-3 .slick-next {
    /* right: -2.5vw */
    right: -1vw;
  }

  /* ---------------------------------
            feature list
    ------------------------------------*/
  .featureList {}

  .featureListItem {
    margin-right: 0;
    width: 100%;
    height: auto;
  }

  .featureListItem:nth-child(n+2) {
    margin-top: 10vw;
  }

  .featureListItem:nth-child(3n) {
    margin-right: 0;
  }

  .featureListItemLink {
    /* padding: 3.33vw 3.33vw 5vw; */
    padding: 3.33vw;
  }

  .featureListItemImg {
    width: 100%;
    height: 58.66vw;
  }

  .featureListItemText {
    height: auto;
    /* padding: 5vw 0 0; */
    padding: 5vw 0 1.67vw;
    font-size: 4.83vw;
  }

  /* ---------------------------------
            wp news
    ------------------------------------*/
  .specialTitle {
    font-size: 6.33vw;
  }

  .newsListArea {
    margin-top: 10vw;
    width: 100%;
  }

  .newsList {
    border-color: rgba(23, 98, 162, 0.21);
    border-width: 0.16vw;
  }

  .newsList:last-child {
    border-color: rgba(23, 98, 162, 0.21);
    border-width: 0.16vw;
  }

  .newsListWrap {}

  .newsListLink {
    padding: 5vw 0;
  }

  .newsListLinkRow {}

  .newsDate {
    margin-right: 2.66vw;
    font-size: 4.16vw;
    width: 23.33vw;
  }

  .newsIconList {
    margin-right: 0;
    margin-top: -3.33vw;
    width: 67vw;
  }

  .newsIcon {
    margin-top: 3.33vw;
    margin-right: 3.33vw;
    border-radius: 0.83vw;
    padding: 0.83vw 2.5vw;
    font-size: 3.5vw;
  }

  .newsTitle {
    margin-top: 2.5vw;
    width: 100%;
    font-size: 4.16vw;
  }

  .topBtn {
    bottom: 25%
  }

  /* ---------------------------------
      cta
  ------------------------------------*/
  .ctaList {

  }
  .ctaListItem {
    width: 100%;
  }
  .ctaListItem:nth-child(n+2) {
    margin-left: 0;
    margin-top: 8.33vw;
  }
  .ctaListItemThum {
    width: 100%;
    height: 61.66vw;
  }
  .ctaListItemTitle {
    margin-top: 5vw;
    min-height: auto;
    min-height: inherit;
    font-size: 4.66vw;
    line-height: 1.42;
  }
  .ctaListItemText {
    margin-top: 5vw;
    font-size: 4vw;
    line-height: 1.45;
  }

}