.breadcrumbArea {
  background-color: white;
  font-family: 'Meiryo';
}
.breadcrumbArea a {
  color: #000;
}
.breadcrumbArea .arrow {
  color: #000;
}
.breadcrumbInner {
  margin-left: 22%;
}

#dispatch {
  margin-top: 52.609px;
  font-family: 'Meiryo';
}
#dispatch .tp-inner{
  width: 1000px;
  margin: auto;
}

#dispatch .innerCmn{
  width: 100%;
  max-width: 1920px;
  height: auto;
  position: relative;
}

#dispatch .ttlImage img{
  width: 100%;
  height: auto;
  display: block;
}

#dispatch .overlay-image{
  position: absolute;
  top: 25%;
  left: 13.3%;
  width: 23.2299%;
}
#dispatch .overlay-image img{
  width: 100%;
  height: auto;
}

#dispatch .overlay-text{
  position: absolute;
  top: 72%;
  left: 74%;
}

#dispatch .overlay-text p{
  color: white;
  font-size: 5rem;
  font-weight: bold;
}

#dispatch .secTopInner{
  width: 1100px;
  margin: auto;
}

#dispatch .secTopText{
  text-align: center;
  font-family: 'Meiryo';
}

#dispatch .secTopText p {
  line-height: 1.5;
  margin: 5px auto;
  width: 75%;
}

#dispatch .secTopText p:first-child {
  font-size: 2rem;
  margin: 60px auto 30px;
  line-height: 55px;
  letter-spacing: 2px;
}

#dispatch .secTopText span{
  color: #27ba8d;
}

#dispatch .secStrongInner {
  margin: 80px auto 0;
  width: 900px;
}

#dispatch .StrongTtl {
  display: flex;
  align-items: center;
  justify-content: center;
}

#dispatch .StrongTtlImage {

}

#dispatch .StrongTexts {
  width: 65%;
}
#dispatch .StrongWidthLeft {
  width: 65%;
}
#dispatch .StrongWidthRight {
  width: 74%;
  padding-left: 33px;
}

#dispatch .StrongTtlText {
  font-size: 33px;
  font-family: 'Meiryo';
  position: relative;
  top: 8px;
  letter-spacing: 6px;
  padding-left: 6px;
}

#dispatch .StrongTtlText span {
  font-size: 48px;
}

#dispatch .StrongTtlUnderline {
  width: 390px;
  height: 1px;
  border-bottom: 1px solid black;
  margin: 20px auto 105px;
}

#dispatch .StrongArea {
}
#dispatch .StrongLeftBox{
  position: relative;
  box-shadow: 15px 14px 20px rgba(0, 0, 0, 0.28);
  margin: 100px 0 150px;
  padding: 45px 0px 50px 74px;
  right: 130px;
}
#dispatch .StrongLeftBoxFlex{
  display: flex;
  flex-direction: row-reverse;
}

#dispatch .StrongRightImage {
  width: 37%;
  position: absolute;
  left: 75%;
  top: -10%;
}
#dispatch .StrongRightImage2 {
  width: 37%;
  position: absolute;
  left: 75%;
  top: -10%;
}

#dispatch .StrongRightBoxFlex{
  display: flex;
}

#dispatch .StrongRightBox{
  position: relative;
  box-shadow: 15px 14px 20px rgba(0, 0, 0, 0.28);
  margin: 80px 0;
  padding: 35px 0px 73px 24px;
  left: 50px;
}

#dispatch .StrongTextFlex{
  display: flex;
  margin: 0 0 20px;
}
#dispatch .StrongText1{
  color: #27ba8d;
  font-size: 4rem;
  padding: 10px;
  font-weight: bold;
}

#dispatch .StrongText2{
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 9px;
}

#dispatch .StrongTextLeft3{
  font-size: 1.2rem;
  line-height: 1.5;
}
#dispatch .StrongTextRight3{
  font-size: 1.2rem;
  line-height: 1.5;
  width: 530px;
}

#dispatch .StrongText3{
}

#dispatch .StrongLeftImage{
  width: 36%;
  height: auto;
  position: absolute;
  right: 75%;
  bottom: 21%;
}

#dispatch .secIntroductionExample{
  height: auto;
  margin: auto;
}

#dispatch .ExampleBackground{
  width: 100%;
  height: 900px;
  background-color: #e4efea;
  position: relative;
}

#dispatch .ExampleBackgroundLogo{
  position: absolute;
  width: 45%;
  left: 45%;
  top: 10%;
}

#dispatch .ExampleTtlText{
  font-size: 3rem;
  color: #217559;
  text-align: center;
  margin: 40px 0;
  padding-top: 40px;
}

#dispatch .ExampleAreaFlex{
  position: relative;
  z-index: 1;
  display: flex;
  width: fit-content;
  margin: auto;
}

#dispatch .ExampleAreaBlock{
  background-color: rgba(255, 255, 255, 0.7);
  width: 425px;
  margin: 0 15px;
}
#dispatch .ExampleAreaBlock .ExampleWorkTtl{
  text-align: center;
  color: #217559;
  font-size: 1.7rem;
  margin: 25px 0;
}
#dispatch .ExampleAreaBlock p:nth-of-type(2){
  line-height: 31px;
  font-size: 1.1rem;
  width: 370px;
  margin: 15px auto;
}

#dispatch .ExampleWorkName{

}
#dispatch .ExampleImage{
  margin: auto;
  width: fit-content;
}
#dispatch .ExampleLine{

}
#dispatch .ExampleTextFlex{
  display: flex;
  margin: 0 auto 10px;
  width: 370px;
}

#dispatch .ExampleTextFlex p{
  font-size: 1.6rem;
  margin-left: 10px;
}

#dispatch .ExampleDecorationRectangle{
  width: 10px;
  height: 25px;
  background-color: #217559;
}
#dispatch .ExampleAreaBlock hr{
  margin: 20px auto;
}

#dispatch .ExampleAreaBlock ul{
  width: 370px;
  margin: auto;
  font-size: 1.11rem;
  padding-bottom: 30px;
}

#dispatch .ExampleAreaBlock li{
  margin: 9px 0;
  position: relative;
  right: 6px;
}
#dispatch .ExampleAreaBlock li::before{
  content: "・";
  margin-right: 0px;
  font-size: 1.4rem;
  color: #217559;
}

#dispatch .secWorkSupport{
  width: 900px;
  margin: auto;
}

#dispatch .WorkSupportTtl {
  margin: 80px auto 40px;
  width: fit-content;
  font-size: 2rem;
}

#dispatch .ChartTtl {
  font-size: 1.4rem;
  font-weight: bold;
}

#dispatch .WorkSupportFlex{
  display: flex;
  align-items: center;
}

#dispatch .VerticalLine1{
  background-color: black;
  width: 1px;
  height: 120px;
  margin: 5px 35px;
}
#dispatch .VerticalLine2{
  background-color: black;
  width: 1px;
  height: 265px;
  margin: 5px 35px;
}
#dispatch .VerticalLine3{
  background-color: black;
  width: 1px;
  height: 170px;
  margin: 5px 35px;
}
#dispatch .limitWidth {

}
#dispatch .VerticalLine4{
  background-color: black;
  width: 1px;
  height: 120px;
  margin: 5px 35px;
}

#dispatch .VerticalLineNull{
  width: 95.5px;
}
#dispatch .topMargin {
  margin-top: 50px;
}

#dispatch .WorkSupportTexts{
  margin-bottom: 50px;
}
#dispatch .GreenBack{
  background-color: #e4efea;
  padding: 20px 20px 25px 10px;
  margin-top: 20px;
}

#dispatch .GreenBack p:first-child {
  font-weight: bold;
  margin-bottom: 2px;
  font-size: 1.2rem;
  padding-left: 30px;
}

#dispatch .GreenBack p span {
  color: #217559;
  position: relative;
  top: 7px;
}

#dispatch .secWorkSupport p span{
  color: #217559;
  font-weight: bold;
  font-size: 1.9rem;
  margin-right: 10px;
}

#dispatch .WorkSupportFlex p {
  line-height: 1.6;
}

#dispatch .RegistraBlock {
  text-align: center;
  background-color: #27ba8d;
  width: 100%;
  margin: auto;
  padding: 15px 0;
  color: white;
  font-size: 1.4rem;
  margin-bottom: 100px;
}
#dispatch .RegistraBlock span {
  transform: rotate(45deg);
}
#dispatch .RegistraBlock::before {
  content: "＞";
}
#dispatch .RegistraBlock::after {
  content: "＞";
}

#dispatch .r-block {
  display: block;
  width: 400px;
  margin: auto;
}

/** お問い合わせ */

.foreignerContact {
    padding: 18px 0 30px;
    background-color: #f8f3f9;
}

.inquiryText {
    line-height: 1.5;
    color: #595757;
    font-family: 'Kozuka Gothic Pr6N R';
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}

.foreignerContact .contactBtnList {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.foreignerContact .contactText {
    padding: 8px 0 10px;
    color: #bc83bd;
    font-family: 'Kozuka Gothic Pr6N H';
    font-size: 15px;
}

.foreignerContact .btnTel {
    width: 57%;
    box-shadow: 6px 6px 0 #fff;
}

.foreignerContact .btnTel span {
    padding-left: 37px;
    font-size: 39px;
}

.foreignerContact .btnTel span::before {
    top: 56%;
    left: 0;
    width: 25.5px;
    height: 26.5px;
    background: url('../img/icon_tel.png') no-repeat center/cover;
}

.foreignerContact .mailContact {
    padding-top: 30px;
    width: 57%;
    border-bottom: 2px solid #bc83bd;
}

.foreignerContact .mailText {
    position: relative;
    max-width: max-content;
    margin: 0 auto;
    padding: 5px 0 10px 35px;
    font-size: 23px;
    color: #bc83bd;
    font-family: 'Kozuka Gothic Pr6N R';
}

.foreignerContact .mailContact p::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 1%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: url('../img/icon_mail.png') no-repeat center/contain;
}

.foreignerRecruitment {
    text-align: center;
}

.recruitmentTitleGp {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.recruitmentTitleGp a {
    position: relative;
    padding-bottom: 14px;
    color: #bc83bd;
    font-size: 23px;
    font-family: 'Kozuka Gothic Pr6N B';
}

.recruitmentTitleGp a+a {
    margin-left: 5%;
}

.recruitmentTitleGp a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 110%;
    border-bottom: 2px solid #bc83bd;
    content: '';
    transform: translateX(-50%);
}

.externalSiteText {
    display: block;
    padding-top: 12px;
    color: #595757;
    font-family: 'Kozuka Gothic Pr6N R';
    font-size: 16px;
    text-align: center;
}

.externalSiteBtn {
    margin: 40px 0 105px;
}

.externalSiteBtn .inquiriesBtn {
    position: relative;
    margin-bottom: 32px;
    border: 2px solid #fff;
    background-color: #cca3cb;
    color: #fff;
}

.externalSiteBtn .cmnBtn.inquiriesBtn::after {
    right: 19px;
    left: unset;
    content: "";
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: none;
    border-left: none;
    border-color: #fff;
}

.externalSiteBtn .cmnBtn.backButton::after {
    right: unset;
    left: 19px;
    transform: translateY(-50%) rotate(-135deg);
}

.sp-br {
  display: none;
}
.sp-only {
  display: none;
}

/* スマホ用CSS */
@media screen and (max-width: 768px) {
  .sp-br {
    display: inline;
  }
  .sp-only {
    display: block;
  }
  
  #dispatch .tp-inner {
    width: 100%;
  }
  #dispatch .overlay-image {
    top: 5%;
    left: 6.3%;
    width: 38.2299%;
  }
  
  #dispatch .overlay-text{
    top: 86%;
    left: 41%;
  }

  #dispatch .overlay-text p{
    font-size: 13vw;
  }
  
  #dispatch .secTopInner {
    width: 100%;
  }
  
  #dispatch .secTopText p:first-child{
    font-size: 4.6vw;
    margin: 30px auto;
    line-height: 9vw;
  }
  
  #dispatch .secTopText p {
    line-height: 5.9vw;
    margin: 0 auto;
    font-size: 3.4vw;
  }
  
  #dispatch .StrongTtl {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 12%;
  }
  
  #dispatch .StrongTtlText {
    font-size: 6vw;
  }
  
  #dispatch .secStrongInner {
    width: 100%;
    margin: 7vw auto 0;
  }
  #dispatch .StrongTtlImage {
    width: 46%;
  }
  
  #dispatch .StrongRightImage {
    width: 80%;
    position: absolute;
    left: 11%;
    top: -72%;
  }
  #dispatch .StrongRightImage2 {
    width: 80%;
    position: absolute;
    left: 11%;
    top: -80%;
  }
  
  #dispatch .StrongText1{
    font-weight: bold;
    font-size: 9.5vw;
  }
  
  #dispatch .StrongText2 {
    line-height: 5.5vw;
    font-size: clamp(1vw, 3.6vw, 6rem);
    margin-top: 2.4vw;
    width: 70%;
  }
  
  #dispatch .StrongText3{
  }
  #dispatch .StrongTextLeft3{
    font-size: clamp(0.84rem, 3.4vw, 6rem);
    line-height: 6vw;
    width: 95%;
  }
  #dispatch .StrongTextRight3{
    font-size: clamp(0.84rem, 3.4vw, 6rem);
    line-height: 6vw;
    width: 100%;
  }
  
  #dispatch .StrongTtlUnderline {
    width: 60%;
  }
  
  #dispatch .StrongTtlText span {
    font-size: clamp(1rem, 7vw, 6rem);
  }
  
  #dispatch .StrongRightBox {
    margin: 65vw auto 0;
    padding: 5vw 5vw 7vw 5vw;
    left: 0;
    width: 85%;
    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.28);
  }
  #dispatch .StrongTexts {
    width: 100%
  }
  
  #dispatch .StrongWidthLeft {
    width: 100%;
  }
  
  #dispatch .StrongWidthRight {
    width: 100%;
    padding: 0;
  }

  #dispatch .StrongLeftBox {
    margin: 66vw auto 0;
    padding-right: 6%;
    padding: 13vw 0 7vw 5vw;
    right: 0;
    width: 85%;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.28);
  }
  #dispatch .StrongLeftBoxFlex {
    display: block;
  }
  
  #dispatch .StrongLeftImage {
    position: absolute;
    width: 80%;
    bottom: 91%;
    left: 10%;
  }
  
  #dispatch .StrongTextFlex {
    margin: 0px 0 10px;
  }

  
  #dispatch .secIntroductionExample {
    width: 100%;
  }
  
  #dispatch .WorkSupportTtl {
    font-size: 7vw;
  }
  
  #dispatch .ExampleAreaFlex{
    display: block;
  }
  #dispatch .ExampleTtlText {
    font-size: clamp(1rem, 5.7vw, 3rem);
    margin: 9vw 0;
    padding-top: 40px;
  }
  
  #dispatch .ExampleBackground {
    height: 351vw;
  }
  #dispatch .ExampleImage {
    width: 90%;
  }
  
  #dispatch .secWorkSupport {
    width: 100%;
  }
  #dispatch .secWorkInner {
    margin: 0 8%;
  }
  
  #dispatch .VerticalLine1 {
    height: 170px;
    margin: 0px 20px;
  }
  
  #dispatch .VerticalLine2 {
    height: 111vw;
    margin: 0px 20px;
  }
  
  #dispatch .VerticalLine3 {
    height: 260px;
    margin: 0px 20px;
  }
  
  #dispatch .VerticalLine4 {
    height: 160px;
    margin: 0px 20px;
  }
  #dispatch .secWorkSupport p span {
    margin-right: 0px;
  }
  #dispatch .WorkSupportFlex p {
    line-height: 5.5vw;
    font-size: clamp(1vw, 3.5vw, 3rem);
  }
  
  #dispatch .GreenBack p:first-child {
    margin-bottom: 12px;
  }
  #dispatch .ChartTtl {
    font-weight: bold;
  }
  #dispatch .VerticalLineNull {
    width: 0;
    margin: 0 18px;
  }
  #dispatch .RegistraBlock {
    width: 72%;
    font-size: 4vw;
  }
  #dispatch .RegistraBlock span {
    transform: rotate(45deg);
  }
  #dispatch .RegistraBlock::before {
    content: "";
  }
  #dispatch .RegistraBlock::After {
    content: "＞";
  }
  
  #dispatch .ExampleAreaBlock {
    width: 85%;
    margin: 0 auto;
  }
  #dispatch .ExampleBackgroundLogo {
    width: 100%;
    left: 0;
    top: 75%;
  }
  #dispatch .ExampleAreaBlock p:nth-of-type(2) {
    line-height: 8vw;
    font-size: 3.3vw;
    width: 90%;
    margin: 3vw auto;
  }
  
  #dispatch .ExampleAreaBlock .ExampleWorkTtl {
    font-size: 4.5vw;
    margin: 6vw 0;
    padding-top: 7vw;
  }
  
  #dispatch .ExampleAreaBlock hr {
    margin: 5vw auto;
    width: 90%;
  }
  
  #dispatch .ExampleTextFlex {
    width: 90%;
  }
  
  #dispatch .ExampleAreaBlock ul {
    width: 90%;
    margin: auto;
    font-size: 3.7vw;
    padding-bottom: 5vw;
  }



  /** お問い合わせ */

  .foreignerContact {
      padding: 4.267vw 0;
  }

  .inquiryText {
      font-size: 3.467vw;
  }

  .foreignerContact .contactBtnList {
      padding: 3.1vw 6.5vw 0;
  }

  .foreignerContact .contactText {
      padding: 0 0 0.667vw;
      font-size: 2.933vw;
  }

  .foreignerContact .btnTel {
      width: 100%;
      margin-bottom: 2.633vw;
      padding: 0.3vw 0;
      box-shadow: 0.8vw 1.067vw 0 #fff;
  }

  .foreignerContact .btnTel span {
      padding-left: 6.133vw;
      font-size: 6.933vw;
  }

  .foreignerContact .btnTel span::before {
      width: 4.667vw;
      height: 4.933vw;
  }

  .foreignerContact .mailContact {
      padding-top: 5.33vw;
      width: 100%;
      border-bottom: 0.53vw solid #bc83bd;
  }

  .foreignerContact .mailText {
      padding: 1.4vw 0 1.4vw 9vw;
      font-size: 4.8vw;
  }

  .foreignerContact .mailContact p::before {
      left: 4%;
      width: 4.8vw;
      height: 4.8vw;
  }

  .recruitmentTitleGp {
      flex-direction: column;
      align-items: center;
      padding-top: 6.333vw;
  }

  .recruitmentTitleGp a {
      padding-bottom: 1.6vw;
      font-size: 3.2vw;
  }

  .recruitmentTitleGp a+a {
      margin: 9vw 0 0;
  }

  .recruitmentTitleGp a::after {
      width: 100%;
      border-bottom: 0.267vw solid #bc83bd;
  }

  .externalSiteText {
      display: none;
  }

  .externalSiteBtn {
      margin: 6.133vw 0 8.8vw;
  }

  .externalSiteBtn .inquiriesBtn {
      margin-bottom: 5.333vw;
      border: 0.267vw solid #fff;
  }

  .externalSiteBtn .cmnBtn.inquiriesBtn::after {
      right: 1.6vw;
      border-top: 0.533vw solid;
      border-right: 0.533vw solid;
  }

  .externalSiteBtn .cmnBtn.backButton::after {
      left: 2.4vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  #dispatch .tp-inner {
    width: 100%;
  }
  
  #dispatch .overlay-text {
    top: 74%;
    left: 69%;
  }
  #dispatch .overlay-text p {
    font-size: 6vw;
  }
  #dispatch .secTopInner{
    width: 100%;
  }
  
  #dispatch .secTopText p:first-child {
    font-size: 3vw;
  }
  
  #dispatch .secTopText p {
    font-size: 1.3vw;
  }
  #dispatch .secStrongInner {
    width: 100%;
  }
  #dispatch .StrongLeftBox {
    margin: 80px auto 80px;
    padding: 2vw 0px 3vw 3vw;
    right: 6vw;
    width: 83%;
  }
  #dispatch .StrongRightBox {
    margin: 100px auto;
    width: 83%;
    padding: 2.5vw 0px 3vw 3vw;
  }
  #dispatch .StrongTextRight3 {
    font-size: 2vw;
    width: 95%;
  }
  #dispatch .StrongTextLeft3 {
    font-size: 1.9vw;
  }
  #dispatch .StrongWidthRight {
    padding-left: 1vw;
  }
  #dispatch .StrongText1 {
    font-size: 7vw;
    padding: 1vw;
  }
  #dispatch .StrongText2 {
    font-size: 2.6vw;
  }
  
  #dispatch .ExampleBackground {
    height: 1000px;
  }
  
  #dispatch .ExampleAreaBlock {
    width: 37%;
  }
  
  #dispatch .WorkSupportTexts {
    margin-bottom: 3vw;
    width: 65%;
  }
  #dispatch .topMargin {
    margin-top: 3vw;
  }
  #dispatch .secWorkSupport {
    width: 100%;
  }
  #dispatch .ExampleAreaBlock p:nth-of-type(2) {
    line-height: 1.8;
    font-size: 2.1vw;
    width: 80%;
  }
  
  #dispatch .ExampleAreaBlock .ExampleWorkTtl {
    font-size: 2.7vw;
  }
  #dispatch .ExampleAreaFlex {
    justify-content: center;
  }
  #dispatch .ExampleTextFlex {
    width: 80%;
  }
  #dispatch .WorkSupportFlex {
    margin-left: 10%;
    font-size: 1.5vw;
  }
  #dispatch .ChartTtl {
    margin-left: 10%;
  }
  #dispatch .WorkSupportTexts {
    right: 2.5vw;
  }
  #dispatch .RegistraBlock::before {
    content: "";
  }
  #dispatch .VerticalLineNull {
    width: 7.3%;
  }
  
  #dispatch .ExampleAreaBlock li {
    right: 0;
    left: 8%;
    width: 86%;
  }
  #dispatch .ExampleImage {
    width: 80%;
  }
  
}