.page-visual-inner{
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url("../img/page/visual-career.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#field{
  margin-bottom:5%;
}
#field .wrapper{
  background: linear-gradient(rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.38)),url("../img/career/bg-career.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#field .content-block{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  padding:3.33vw 0;
}
#field .content-item{
  display: flex;
  flex-direction: column;
  width:49%;
  color:#FFFFFF;
  text-align:center;
  border-radius:5px;
  margin:1.5% 0;
  padding:1.26% 1.32%;
}
#field .content-item:nth-child(1){
  background-color:#002E7BCB;
}
#field .content-item:nth-child(2){
  background-color:#005AA0CB;
}
#field .content-item:nth-child(3){
  background-color:#006DB7CB;
}
#field .content-item:nth-child(4){
  background-color:#3A8CD2CB;
}
#field .content-item:nth-child(5){
  background-color:#15A0E0CB;
}
#field .content-item:nth-child(6){
  background-color:#26B2D2CB;
}
#field .block-title{
  font-size:clamp(1.8rem , 3.2491vw , 2.4rem);
  margin-bottom:1em;
}
#field .content-item:nth-child(1) .block-title,
#field .content-item:nth-child(5) .block-title{
  letter-spacing:0.5em;
}
#field .icon{
  width:50%;
  margin:auto auto 15px;
}
#field .textarea{
  display:flex;
  flex-direction: column;
  flex: auto;
}
#field .textarea ul{
  margin-bottom:0.5em;
}
#field .textarea li{
  font-size:clamp(1.4rem , 2.5271vw , 1.6rem);
  letter-spacing: -0.05em;
}
#field .textarea .text{
  font-size:clamp(1.4rem , 2.5271vw , 1.6rem);
  letter-spacing: -0.05em;
  margin:auto 0 0 auto;
}
@media (min-width: 768px) {
  #field .textarea .br-sp{
    display:block;
  }
}
@media (min-width: 992px) {
  #field .content-block{
    padding:3.33vw;
  }
  #field .content-item{
    width:31.2%;
  }
}
@media (min-width: 1200px) {
  #field .textarea .br-sp{
    display:none;
  }
}

#lifestage .inner{
  max-width:950px;
}
#lifestage .summary{
  color:#FFFFFF;
  background:#002F7C;
  margin-bottom:10%;
  padding:1.5% 1%;
}
#lifestage .lead{
  font-size:clamp(1.8rem , 3.2491vw , 2.8rem);
}
#lifestage .content-block{
  position:relative;
}
#lifestage .block-title{
  width:25vw;
  max-width:150px;
  background-color:#CEC136;
  font-size:clamp(1.8rem , 3.2491vw , 2.8rem);
  text-align:center;
  margin-bottom:0.5em;
  padding:0.25em 0;
}
#lifestage .ordinary{
  margin-bottom:10%;
}
#lifestage .extraordinary .textarea{
  max-width:550px;
  margin:auto;
}
#lifestage .extraordinary .lead{
  font-size:clamp(1.8rem , 3.2491vw , 2.8rem);
  margin-bottom:0.5em;
  padding:0.25em 0;
}
#lifestage .extraordinary ul li{
  font-size:clamp(1.4rem , 2.5271vw , 2.0rem);
  margin:0.25em 0;
}
#lifestage .extraordinary ul li::before{
  content:'●';
  color:#49BBBC;
  margin-right:0.25em;
}
@media (min-width: 992px) {
  #lifestage .block-title{
    position:absolute;
    left:0;
    top:0;
  }
}

#support .summary .wrapper{
  position:relative;
  background:url("../img/career/bg-support.jpg"), linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 300px, #48B0B1 300px, #48B0B1 100%);
  background-size: 320px 320px , 100%;
  background-position: center top , left;
  background-repeat: no-repeat , no-repeat;
  padding-top:300px;
}
#support .summary .textarea{
  position:relative;
  display:flex;
  flex-direction: column;
  justify-content: center;
  max-width:750px;
  min-height:430px;
  margin:auto;
  padding:2.5% 2.5% 2.5% 10%;
}
#support .summary .textarea::before{
  content:'';
  border-bottom:2px solid #FFFFFF;
  width:5em;
  height:2px;
  margin-bottom:2em;
}
#support .summary .textarea::after{
  content:'Support';
  position:absolute;
  left:-1em;
  transform: rotate(-90deg);
  font-size:clamp(1.4rem , 2.5271vw , 2.4rem);
  font-weight:700;
  letter-spacing:0.1em;
  color:#FFFFFF;
}
#support .summary .block-title{
  font-size:clamp(2.4rem , 3.1250vw , 3.8rem);
  color:#FFFFFF;
  margin-bottom:0.25em;
}
#support .summary .text{
  font-size:clamp(1.6rem , 2.0833vw , 2.4rem);
  line-height:2;
  color:#FFFFFF;
}
@media (min-width: 1400px) {
  #support .textarea::after{
    top: 25%;
  }
}

#support .detail .inner{
  max-width:980px;
}
#support .detail .wrapper{
  padding:2.5% 0;
}
#support .detail .wrapper:nth-child(odd){
  background-color:#EAEAEA;
}
#support .detail .textarea{
  margin-bottom:2.5%;
}
#support .detail .block-title{
  font-size:clamp(1.8rem , 3.2491vw , 3.6rem);
  color:#002F7C;
  margin-bottom:0.25em;
}
#support .detail .number::before{
  content:counter(number , decimal-leading-zero) ".";
}
#support .detail .text{
  font-size:clamp(1.4rem , 2.5271vw , 2.4rem);
  letter-spacing:0.1em;
  margin:0 1%;
}
@media (min-width: 1400px) {
  #support .summary .wrapper{
    position:relative;
    background:url("../img/career/bg-support.jpg"),linear-gradient(90deg, #48B0B1 0%, #48B0B1 69.62%, transparent 69.62%, transparent 100%);
    background-size: 320px 320px , 100%;
    background-position: 60vw center , left;
    background-repeat: no-repeat , no-repeat;
    padding-top:0;
  }
  #support .summary .textarea{
    margin-left:0;
  }
}