.m-recruit {
  height: 400px;
  padding-top: 120px;
  text-align: center;
  color: #fff;
  background: url('../../../images/page/recruit/main_recruit02.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}

.m-recruit .heading {
  padding-bottom: 20px;
  text-align: center;
  letter-spacing: .022em;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
}

.m-recruit .heading::after {
  content: attr(data-subtitle);
  display: block;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 5.3rem;
  font-weight: bold;
  color: #01a0eb;
}

.m-recruit .heading + p {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}

* .p-recruit .recruit-anchor{
  margin-top: 60px;
}

.p-recruit .recruit-anchor{
  text-align: center;
}

.p-recruit .recruit-anchor + *{
  margin-top: 40px;
}

.p-recruit .recruit-anchor >div {
  display: inline-block;
  vertical-align: middle;
  padding: 0 40px;
  position: relative;
  font-size: 1.8rem;
}

.p-recruit .recruit-anchor  >div::before {
  position: absolute;
  content: "|";
  right: 0;
}

.p-recruit .recruit-anchor  >div:last-child::before {
  display: none;
}

.p-recruit .recruit-anchor  >div a {
  color: #000;
  text-decoration: none;
}

.p-recruit .sec-product + .sec-product{
  margin-top: 40px;
}

.p-recruit .sec-product {
  background-color: rgba(232, 238, 245, 0.05);
  /* background-color: #E8EEF5; */
  /* opacity: 0.05; */
}

.p-recruit .sec-product .title .container {
  background-color: rgba(24,63,150,1.0);
  padding: 0;
}

.p-recruit .sec-product .title.spray .container {
  background-color: rgba(49,116,168,1.0);
  padding: 0;
}

.p-recruit .sec-product .title .container .heading {
  max-width: 1200px;
  width: 95%;
  margin: auto;
  padding: 30px 0;
  position: relative;
}

.p-recruit  .container .m-content {
  max-width: 1200px;
  width: 95%;
  padding: 30px;
  margin: 40px auto;
  background-color: rgba(255,255,255,1.0);
  position: relative;
  font-size: 1.5rem;
}

.p-recruit  .container .m-content .inner {
  max-width: 990px;
  width: 100%;
  padding: 30px 0;
  margin: 40px auto;
  background-color: rgba(255,255,255,1.0);
  position: relative;
  font-size: 1.5rem;
}



.p-recruit .sec-product .container .m-sec-feature {
  font-size: 2rem;
  text-align: center;
  font-weight: 700;
  margin: 30px auto 50px;
  font-family: 'Noto Sans JP', sans-serif;
  max-width: 750px;
}

.p-recruit .sec-heading {
  color: rgba(255, 255, 255, 1.0);
  font-size: 3.2rem;
  text-align: center;
  font-weight: 700;
  max-width: 1200px;
  width: 95%;
  position: relative;
  margin: auto;
  /* overflow-y: hidden; */
}

.p-recruit .flex{

  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.p-recruit .blowbox1{
  padding: 20px 0;
  font-size: 1.5rem;
}

.p-recruit .blowbox1 {
  align-items: center;
}

.p-recruit .blowbox1 .pic {
  width: 510px;
}

.p-recruit .blowbox1 .block {
  margin-left: 40px;
  width: calc(100% - 550px);
  font-size: 1.5rem;
}

.recruit-subtitle01{
  margin-bottom: 0.5rem;
  font-weight: bold;
}

* .recruit-subtitle01{
  margin-top: 30px;
}


.recruit-subtitle02{
  margin-bottom: 0.5rem;
  font-weight: bold;
}

p + .recruit-subtitle02{
  margin-top: 30px;
}

.p-recruit .block02{
	background-color: #f3f6f6;
}
.p-recruit .block02 .wrapper{
	padding: 100px 2rem 140px 2rem;
	max-width: 800px;
	margin: 0 auto 0 auto;
	background-color: #f3f6f6;
}
.p-recruit .block02 h2.title{
	font-size: 3.2rem;
	font-weight: 700;
	margin-bottom: 60px;
	text-align: center;
}
.p-recruit .block02 .table01{
	font-size: 1.6rem;
	border-top: solid 1px #ddd;
}
.p-recruit .block02 .table01 tr{
	border-bottom: solid 1px #ddd;
}
.p-recruit .block02 .table01 tr:nth-child(2n){
}
.p-recruit .block02 .table01 th{
	padding: 2rem 4rem;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
}
.p-recruit .block02 .table01 td{
	padding: 2rem 2rem;
}

/* フォーム部分*/
.p-recruit .m-form .title{
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 60px;
  text-align: center;
}


.p-recruit .m-select.now-status{
  width: 300px;
}
.p-recruit .m-select.now-status select{
  width: 100%;
}


/* 採用担当*/
.p-recruit .from-address {
  margin: 50px auto 70px;
  max-width: 1200px;
  width: 95%;
}

.p-recruit .from-address dt {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.07em;
  padding-bottom: 20px;
}

.p-recruit .from-address dd {
  background: #f0f0f0;
  padding: 20px;
}

.p-recruit .from-address .detail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}

.p-recruit .from-address .thumbnail {
  width: 108px;
  height: 108px;
  border-radius: 50%;
}

.p-recruit .from-address .info {
  width: calc(100% - 108px);
  padding-left: 20px;
  letter-spacing: 0.06em;
}

.p-recruit .from-address .info .name {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 10px;
}

.p-recruit .from-address .info p:last-child {
  padding-bottom: 0;
}

.m-form-year{
  width: 8em;
}

.mw_wp_form_confirm .m-form-year{
  width: 5em;
}

.p-recruit .flex.input-birthday{
  justify-content: flex-start;
}
.m-form-year select,
.m-form-year input{
  background: #f3f7fa;
  border: solid 1px #cccccc;
  width: calc(100% - 2em);
  height: 40px;
  padding: 0 10px;
  font-size: 1.5rem;
}
.m-form-month,
.m-form-day{
  margin-left: 1em;
  width: 5em;
}
.mw_wp_form_confirm .m-form-month,
.mw_wp_form_confirm .m-form-day{
  width: 3em;
}

.m-form-day select,
.m-form-month select{
  background: #f3f7fa;
  border: solid 1px #cccccc;
  width: calc(100% - 2em);
  height: 40px;
  padding: 0 10px;
  font-size: 1.5rem;
}

.recruit-list li{
  position: relative;
  padding-left: 1em;
  text-indent: -0.75em;
}

.recruit-list li::before{
  content: '・';
  display: inline-block;
  margin-left: 0.5em;
}

.btn-recruit{
  position: relative;
  margin: 20px auto 0;
  padding: 0.5em 2.5em;
  display: inline-block;
  background-color: rgba(255,241,0,1.0);
  border-radius: 5px;
  color: #01a0eb;
  text-decoration: none;
  font-size: 17px;
}

.btn-recruit::before{
  content: '→';
  position: absolute;
  right: 0.5em;
  top:50%;
  transform: translateY(-50%);
  display: inline-block;
  color: #01a0eb;
  text-decoration: none;
  font-size: 17px;
}

.btn-recruit:hover{
  opacity: 0.6;

}

@media screen and (max-width: 1160px){

.p-recruit .container .m-content {
  margin-bottom: 0;
 }

 .p-recruit .container .m-content .inner {
     margin-bottom: 0;
 }

 .p-recruit .blowbox1 .pic {
   width: 60%;
 }
 .p-recruit .blowbox1 .pic img{
  width: 100%;
 }

 .p-recruit .blowbox1 .block {
     width: calc(40% - 40px);
  }

}

@media screen and (max-width: 767px) {
  .m-recruit {
    padding: 20px 0 0;
    height: 105px;
  }
  .m-recruit .heading {
    font-size: 1.1rem;
    padding-bottom: 5px;
  }

  .m-recruit .heading::after {
    font-size: min(4.4vw,22px);
  }
  .m-recruit .heading + p {
    font-size: 1.2rem;
  }
  .p-recruit .recruit-anchor  >div {
    font-size: 1.4rem;
    padding: 0 15px;
    margin: 2px 0;
  }

  .p-recruit .sec-product .title .container .heading {
    padding: 15px 0;
  }

  .p-recruit .sec-product .title .container .heading::after {
      width: 20%;
  }

  .p-recruit .sec-product .title.spray .container .heading::after {
      width: 20%;
  }

  .p-recruit .container .m-content .inner {
    max-width: 990px;
    width: 100%;
    padding: 0;
    margin: 40px auto;
    background-color: rgba(255,255,255,1.0);
    position: relative;
    font-size: 1.5rem;
 }

 .p-recruit .sec-product + .sec-product{
    margin-top: 40px;
 }

 .p-recruit .sec-product .container {
    padding: 10px 0 20px;
 }

 .p-recruit .m-content .content-heading {
    font-size: 20px;
    margin-bottom: 0;
 }

 .p-recruit .m-content .content-heading.fan::before {
    width: 22px;
    height: 22px;
 
 }
 
 .p-recruit .m-content .content-heading.voice::before {
    width: 22px;
    height: 22px;
 }
 
 .p-recruit .m-content .content-heading.spray::before {
    width: 24px;
    height: 24px;
 }

 .p-recruit .sec-product .container .m-sec-feature {
  margin-top: 30px;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.8rem;
}

.p-recruit .flex{
  flex-direction: column;
}

.p-recruit .flex.input-birthday{
  flex-direction: row;
}

.p-recruit .blowbox1{
  padding: 20px 0;
  font-size: 1.5rem;
}

.p-recruit .blowbox1 {

}

.p-recruit .blowbox1 .pic {
  margin: 0 auto;
  width: 100%;
}

.p-recruit .blowbox1 .pic img{
  width: 100%;
}

.p-recruit .blowbox1 .block {
  margin-left: 0;
  margin-top: 40px;
  width: 100%;
  font-size: 1.5rem;
}

	.p-recruit .block02{
	}
	.p-recruit .block02 .wrapper{
		padding: 100px 2rem 100px 2rem;
		margin: 0 auto 0 auto;
		background-color: #f3f6f6;
	}
	.p-recruit .block02 h2.title{
		font-size: 2rem;
	}
	.p-recruit .block02 .table01{
		font-size: 1.4rem;
	}
	.p-recruit .block02 .table01 tr{
	}
	.p-recruit .block02 .table01 tr:nth-child(2n){
	}
	.p-recruit .block02 .table01 th{
		padding: 2rem 2rem 2rem 0rem;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
	}
	.p-recruit .block02 .table01 td{
		padding: 2rem 0rem;
	}

  .p-recruit .from-address .thumbnail {
      margin: 0 auto 20px;
  }

  .p-recruit .from-address .info {
      width: 100%;
      padding: 0;
  }

  .p-recruit .from-address .info .name {
      font-size: 1.6rem;
      padding-bottom: 5px;
  }

  /* フォーム部分*/
  .p-recruit .m-form .title{
    font-size: 2rem;
  }

  .p-recruit .m-select.now-status{
    width: 100%;
  }
  .p-recruit .m-select.now-status select{
    width: 100%;
  }

  .p-recruit .from-address {
      margin: 50px auto;
      padding: 0 20px;
      width: 100%;
  }
  .m-form-month,
  .m-form-day{
    margin-left: 0.5em;
    width: 5em;
  }
}

.is-recruit-input{
  display: none;
}

.recruit-input .is-recruit-input{
  display: block;
}
.p-recruit #anc04{
  background-color: #daefef;
}

.p-recruit #anc04 .block02,
.p-recruit #anc04 .block02 .wrapper{
  background-color: transparent;
}


#anc05.sec-product{
  margin-top: 0;
}
.p-recruit .mw_wp_form .horizontal-item{
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 1em;
}
.p-recruit .mw_wp_form .horizontal-item + .horizontal-item{
  margin-left: 0;
}